Loading dependency graph, done. error: bundling failed: Error: Unable to resolve module ./../../react-transform-hmr/lib/index.js

Question

Getting the following error on running react native app in android emulator

react-native run-android

Loading dependency graph, done. error: bundling failed: Error: Unable to resolve module ./../../react-transform-hmr/lib/index.js from D:\LW_Mobile\Projects\helloworld\App.js: The module ./../../react-transform-hmr/lib/index.js could not be found from D:\LW_Mobile\Projects\helloworld\App.js. Indeed, none of these files exist: * D:\LW_Mobile\react-transform-hmr\lib\index.js(.native||.android.js|.native.js|.js|.android.json|.native.json|.json|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx)

My Package.Json is

{
  "name": "helloworld",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "test": "jest"
  },
  "dependencies": {
    "@babel/runtime": "^7.1.2",
    "babel-preset-react-native": "^4.0.1",
    "react": "16.5.0",
    "react-native": "0.57.2"
  },
  "devDependencies": {
    "babel-jest": "23.6.0",
    "babel-plugin-functional-hmr": "^1.0.24",
    "babel-plugin-react-transform": "^3.0.0",
    "jest": "23.6.0",
    "metro-react-native-babel-preset": "0.48.0",
    "react-test-renderer": "16.5.0",
    "react-transform-hmr": "^1.0.4"
  },
  "jest": {
    "preset": "react-native"
  }
}

The babelrc is as following

{
    "presets": ["es2015", "react", "module:metro-react-native-babel-preset"]
  }

Note: working with expo is launching fine, This is the first time i am using the react-native run-android command

The System is looking into some different path and not within Node_Module. Is something related to this.?

"babel-preset-react-native" Downgrade this version to this ---> 4.0.0 manually And then delete node modules and do npm install then let me know does it works or not. — user4571931
– user4571931, Commented Oct 6, 2018 at 12:48
no again the same error after setting "babel-preset-react-native": "^4.0.0" and i manually deleted the node_modlues folder and ran npm install — Gowthaman
– Gowthaman, Commented Oct 6, 2018 at 13:01

Rajnish Raj · Accepted Answer · 2020-07-08 10:30:27Z

1

you can fix it by using these steps:

Close open all terminal or cmd.
replace dependency in package.json

"react": "16.5.0" , "react-native": "0.57.1"
execute this command.
1. npm install @babel/runtime
2. react-native start --reset-cache
3. npm install
4. react-native run-android

edited Jul 8, 2020 at 10:30

answered Apr 17, 2020 at 19:27

Rajnish Raj

113 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Gowthaman · Accepted Answer · 2018-10-07 13:47:15Z

0

Found the solution after lot of struggles.

Update all the packages such as Node and react native cli
In Android studio install intel X86 Atom System Image, intel X86 Atom_64 System Image
Close all the npm Terminal
Open a new Command prompt and run react-native start --reset-cache
Open a new Command prompt and run react-native run-android

answered Oct 7, 2018 at 13:47

Gowthaman

8521 gold badge12 silver badges31 bronze badges

Collectives™ on Stack Overflow

Loading dependency graph, done. error: bundling failed: Error: Unable to resolve module ./../../react-transform-hmr/lib/index.js

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related