Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

HMR fails to load "node_modules/react-transform/hmr/lib/index.js" on 0.24.0-rc

See original GitHub issue

When enabling HMR on 0.24.0-rc in a brand new template project, we get a redbox that says:

Requiring unknown module “node_modules/react-transform/hmr/lib/index.js”. If you are sure the module is there, try restarting the packager or running “npm install”.

screenshot 2016-04-04 12 44 21

I verified that node_modules/react-transform/hmr/lib/index.js exists, and running npm start -- --reset-cache doesn’t resolve the issue either.

Repro steps: run ./scripts/test-manual-e2e.sh which sets up a new project and launches it in Android (need to have a simulator or device connected in advance). Enable HMR from the dev menu to get the redbox.

Issue Analytics

State:
Created 7 years ago
Comments:9 (9 by maintainers)

Top GitHub Comments

1reaction

mkonicekcommented, Apr 4, 2016

No tests for HMR on CircleCI yet but @bestander is working on it 🎉

0reactions

idecommented, Apr 5, 2016

Thanks for the heads-up. I’ve cherry-picked it into 0.24-stable (tested – HMR works) and will do another RC release after the fix for the AssetRegistry lands (https://github.com/facebook/react-native/pull/6822).

Top Results From Across the Web

HMR issue · Discussion #15074 · webpack/webpack - GitHub

I am trying to instantiate HMR with a React app through webpack-dev-server. ... Changes fail when trying to load hot-module.json as the URL...

Angular2 webpack/hmr could not load after the changes

It needs to be changed in boot.client.ts to work with latest webpack-hmr library. // Enable either Hot Module Reloading or production mode ...

Hot Module Replacement - webpack

This guide extends on code examples found in the Development guide. Hot Module Replacement (or HMR) is one of the most useful features...

Webpack's HMR & React-Hot-Loader — The Missing Manual

This means if you are loading bundle.js from a different directory that doesn't match publicPath settings (you'll have to setup ANOTHER proxy on ......

Hot Module Replacement - SurviveJS

See the Loading JavaScript chapter for the exact setup. Implementing the HMR interface#. Webpack exposes the HMR interface through a global variable: module.hot ......