Unable to resolve module `@babel/runtime/helpers/interopRequireDefault`

https://stackoverflow.com/questions/52486219/unable-to-resolve-module-babel-runtime-helpers-interoprequiredefault

 

Unable to resolve module `@babel/runtime/helpers/interopRequireDefault`

Ask Question

up vote14down votefavorite

1

When creating a new react native project using the standard react-native init MyApp and running react-native run-ios for the first time I'm seeing the following error 

error: bundling failed: Error: Unable to resolve module `@babel/runtime/helpers/interopRequireDefault` from `/Users/chrisedgington/Development/ReactNative/SixNationsPredictor/index.js`: Module `@babel/runtime/helpers/interopRequireDefault` does not exist in the Haste module map

This might be related to https://github.com/facebook/react-native/issues/4968
To resolve try the following:
  1. Clear watchman watches: `watchman watch-del-all`.
  2. Delete the `node_modules` folder: `rm -rf node_modules && npm install`.
  3. Reset Metro Bundler cache: `rm -rf /tmp/metro-bundler-cache-*` or `npm start -- --reset-cache`.
  4. Remove haste cache: `rm -rf /tmp/haste-map-react-native-packager-*`.
    at ModuleResolver.resolveDependency (/Users/chrisedgington/Development/ReactNative/MyApp/node_modules/metro/src/node-haste/DependencyGraph/ModuleResolution.js:209:1301)
    at ResolutionRequest.resolveDependency (/Users/chrisedgington/Development/ReactNative/MyApp/node_modules/metro/src/node-haste/DependencyGraph/ResolutionRequest.js:83:16)
    at DependencyGraph.resolveDependency (/Users/chrisedgington/Development/ReactNative/MyApp/node_modules/metro/src/node-haste/DependencyGraph.js:238:485)
    at Object.resolve (/Users/chrisedgington/Development/ReactNative/MyApp/node_modules/metro/src/lib/transformHelpers.js:180:25)
    at dependencies.map.result (/Users/chrisedgington/Development/ReactNative/MyApp/node_modules/metro/src/DeltaBundler/traverseDependencies.js:311:29)
    at Array.map (<anonymous>)
    at resolveDependencies (/Users/chrisedgington/Development/ReactNative/MyApp/node_modules/metro/src/DeltaBundler/traverseDependencies.js:307:16)
    at /Users/chrisedgington/Development/ReactNative/MyApp/node_modules/metro/src/DeltaBundler/traverseDependencies.js:164:33
    at Generator.next (<anonymous>)
    at step (/Users/chrisedgington/Development/ReactNative/MyApp/node_modules/metro/src/DeltaBundler/traverseDependencies.js:266:307)

I've tried running the suggested but still see the same issue. I've seen a few posts about similar issues but nothing specifically seems to say how to resolve the problem in react-native.

macOS: 10.13.6 
node: 8.11.3
react-native-cli: 2.0.1
react-native: 0.57.1

react-native

shareimprove this question

edited 19 hours ago

asked 2 days ago

Chris Edgington

925922

add a comment

1 Answer

activeoldestvotes

up vote39down voteaccepted

Have a go and try:

npm add @babel/runtime

Or upgrade babel runtime: 

"@babel/runtime": "7.0.0-beta.55"

shareimprove this answer

answered 2 days ago

JRK

647214

• 2

  Considering the number of up-votes and views in just a day, I guess you prevented a lot of suffer but I wonder how many devs are still in pain ... Thanks anyway! – Igor OA yesterday

• 1

  Looks like the issue has been logged github.com/facebook/react-native/issues/21310 – Chris Edgington23 hours ago

• was banging my head with this error since 2 days.. got resolved in 2 mins... many thanks @jrk – CKT 27 mins ago

add a comment