Unable to resolve module `./../../react-transform-hmr/lib/index.js`

Question

error: bundling failed: Error: Unable to resolve module ./../../react-transform-hmr/lib/index.js from /ReactNative/UsermanagementNav/src/App.js: The module ./../../react-transform-hmr/lib/index.js could not be found from /ReactNative/UsermanagementNav/src/App.js.

I have tried to install react-native-transform-hmr using

npm i react-native-transform-hmr

but it does not solve my issue. i am using react-native 0.57.2 and react 16.5.0

Answer 1

This issue only happens when react-native 0.57.2 is installed.

It seems like the Metro Bundler has an issue resolving the paths when started from ./node_modules/react-native/scripts/packager.sh.

Starting the Metro Bundler directly from the project directory works for me. Can someone let me know if it works for them too?

# Clean cache rm -rf $TMPDIR/react-*; rm -rf $TMPDIR/haste-*; rm -rf $TMPDIR/metro-*; watchman watch-del-all  # Start Metro Bundler directly react-native start  # Now run `react-native run-android` or `react-native run-ios` in another tab 

Source