Comments (6)
Please post a complete project that reproduces the issue. React Transform Boilerplate doesn't have it, therefore it's not the expected behavior. It's hard to guess from a few lines of log. 😉
from react-transform-hmr.
Sorry about that, it's not a react-transform-hmr issue, it was a problem with redux-router and the way I implemented it.
My bad !
from react-transform-hmr.
@gobadiah What was the problem that you had? I'm running into the same thing where HMR says that modules have been updated but it doesn't actually trigger a rerender of the components.
from react-transform-hmr.
I'm having the same issue: Code changes trigger a rebuild and HMR, but the actual UI doesn't get updated. A JavaScript file containing the updated module is successfully loaded into my browser's source tree, but without any effect on the UI. See the following screenshot:
The React Transform Boilerplate works properly for me, so there must be something wrong with my project. I copied all the relevant configuration from the boilerplate to my project.
I'm not using stateless functional components and I don't have any routing in place.
Any ideas?
from react-transform-hmr.
@nhll Give React Hot Loader 3 a try, maybe it will work better for you!
from react-transform-hmr.
Having this problem as well with react 16.2.0 and react-hot-loader 3.1.3. My temporary solution is to pass a random prop into my App component.
const renderApp = () => {
ReactDOM.render(
<Provider store={store}>
<App random={Math.random()}/>
</Provider>,
document.getElementById('app')
);
}
if (module.hot) module.hot.accept('./app', renderApp);
App is a class (class App extends Component
) connected to the Redux store (looking for a user), and renders a <Router>
.
from react-transform-hmr.
Related Issues (20)
- Error: locals[0] does not appear to be a `module` object with Hot Module replacement API enabled HOT 6
- chrome-devtools://devtools/ used as origin for CSS url() in Chrome and Firefox HOT 1
- Source patching is not working HOT 2
- HMR works intermittently HOT 4
- componentWillReceiveProps not working correctly in HMR HOT 1
- On Windows uses Linux VM don't run hmr HOT 1
- Error "locals[0] does not appear.." when testing jsx-files with Mocha HOT 3
- TypeError: Function.prototype.toString called on incompatible object HOT 4
- undefined value static properties outside class
- undefined value static properties outside class HOT 1
- Bug: true is not a function(evaluating 'predicate(value')
- Don't work with redux-devtools. HOT 2
- s
- Tests fail with: Warning! This doesn't currently work for stateless functional components that were introduced in React 0.14! HOT 2
- react-transform-hmr vs. webpack.HotModuleReplacementPlugin HOT 4
- Freeze/continual-reloading when Component is aliased HOT 1
- Error compiling ES6 module using react hmre with Webpack 2 RC4
- Doesn't reload components with React 16 after hot loaded changes
- Locals[0] does not appear ...
- react-transform-hmr/lib/index.js missing HOT 1
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-hmr.