Comments (19)
Update: It's most likely not related to the node version.
I tested in 0.10.33, v4 and v4.1.
from react-transform-boilerplate.
Update: Deleted my hint. It was wrong. It looks to me that it has something to to with remote. On localhost is works for me but on a different machine only sometimes. The "sometimes" makes it hard to find a good lead :-((
from react-transform-boilerplate.
Hard to say what's wrong without a reproducing example.
from react-transform-boilerplate.
Are you setting a hostname in your config? This is usually what I find I forgot when I'm having issues with my phone connecting to hot reload. But as gaearon mentioned, a repro would help us help you :D
from react-transform-boilerplate.
@danmartinez101: The hostname was my first guess but in this case it should never work - but it works sometimes :-(. Needle in the haystack: I tried both wildcard and specific hostname ip in the config its not the hostname.
Repo: It happens with the unmodified clone of this repo.
@gaearon: No worries - reproducibility - working on that :-D. ...observing
@paOol does it fail for you all the time or as well only sometimes?
from react-transform-boilerplate.
@nivoc My setup is very close to stock. I know it stopped working (all the time) after updating my ArchLinux system and updating node and npm.
Before that, it was working fine.
I'm going to try cloning the newer version of this boilerplate and plugging in my components over to see if the problem still persists.
from react-transform-boilerplate.
Hmm. For me it was only happening from time to time and I tried to monitor it further to pin it down - but now it is not happening at all anymore. I don't know. If nobody else is experience this issue I would vote for close.
from react-transform-boilerplate.
I experienced same issue regardless to Node version on Ubuntu 14.04.
But when I changed "http://localhost:3000" to "http://127.0.0.1:3000", it started working.
from react-transform-boilerplate.
@whatifif same with OSX and io.js 2.0, thanks for your hint.
from react-transform-boilerplate.
I think I'm having a similar issue.
First time running this boilerplate (with v4.1.1) and I couldn't for the life of me figure out why nothing was reloading correctly. Came across this issue, and then swapped over to v0.10.32. It now works a treat.
The localhost/127.0.0.1 fix didn't work for me either when testing with v4.1.1.
Unfortunately I wouldn't have a clue how to debug this particular issue but I'm happy volunteer with more tests, if it helps?
from react-transform-boilerplate.
I'm having the same issue. Running the unmodified version of the repo. Tried 0.10.x and 4.x versions of Node, and localhost
and 127.0.0.1
. This is what I see:
Has anyone made any progress?
from react-transform-boilerplate.
I also just updated every dependency, including upgrading to React 0.14.0-rc1, tried Node v4.1.2, with same results.
from react-transform-boilerplate.
Gah. My issue was related to an issue with my .babelrc
file. Working now.
from react-transform-boilerplate.
@inxilpro what was the issue with the .babelrc file?
from react-transform-boilerplate.
It didn't have the proper setup in extra
— see https://github.com/gaearon/react-transform-boilerplate/blob/master/.babelrc
I copied the entire contents of the repo into an existing project, and the .babelrc
file didn't get moved over because it was hidden.
from react-transform-boilerplate.
I got the same issue, it seems related to Webpack Hot Middleware. On the browser I see that the call to http://localhost:3000/__webpack_hmr is made but gets no response, it gets canceled after ~ 20-30 seconds, and then it keep retrying with the same result.
Trying also with 127.0.0.1 but nothing changed.
from react-transform-boilerplate.
could be related to #72
from react-transform-boilerplate.
Still seeing the same issue here. I can run it fine when requests come from a browser on localhost.
But once I try opening the page from another machine, it just fails to load that file for some reason.
I tried tracing the network, but there's never a response sent from express. I also added some debugging statements to the middleware that responds to /__webpack_hmr
, and it is invoked and tries to write to the client, it's just that the headers or anything else written to that socket never make it out of node.
I'll see if i can find out more, but maybe this gives you an idea of the issue.
from react-transform-boilerplate.
This issue has become a mix of different unrelated issues so I'll close it.
If you'd like to report a specific issue that's still active again, please do so, but with exact instructions to reproduce. If your example has any code or config changes, please publish it on GitHub as well so we can test it.
from react-transform-boilerplate.
Related Issues (20)
- Do we need babel-polyfill in production HOT 1
- React transform or hmre? HOT 1
- Debug in devtools HOT 1
- Can you give an example of how to use with webpackDevServer? HOT 3
- Feature request: Built in redux-devtools HOT 1
- console shows error: Uncaught Invariant Violation HOT 5
- github archive doesn't contain .babelrc HOT 1
- How to view app in mobile device? HOT 2
- There are some problem and suggest. HOT 1
- Weird behaviour when adding text HOT 3
- If "full reload needed" does this need to be manually? HOT 5
- Problems with NoErrorsPlugin HOT 2
- Doesn't work with react Component class wrapper HOT 3
- Error when using Webpack 2 and es2015-webpack preset HOT 4
- Doesn't work with React-Router :( HOT 5
- Failed at start script 'NODE_PATH='source' node devServer.js' HOT 1
- How to load css
- React.PureComponent doesn't work with HMR HOT 2
- Stateless functional component not hot reloading HOT 1
- hotReload is not work
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-transform-boilerplate.