Impossible de résoudre le module `@ babel / runtime / helpers / interopRequireDefault`

Question

Lors de la création d'un nouveau projet natif de réaction en utilisant le standard react-native init MyApp et en exécutant react-native run-ios pour la première fois, je vois l'erreur suivante

 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)

J'ai essayé d'exécuter le suggéré mais je vois toujours le même problème. J'ai vu quelques articles sur des problèmes similaires, mais rien ne semble spécifiquement dire comment résoudre le problème dans react-native.

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

Answer 1

Essayez et essayez:

npm add @babel/runtime

Ou mettez à jour le runtime babel:

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

Answer 2

Vous devez d'abord quitter le terminal de métro avant d'exécuter

 npm add @babel/runtime
npm install

Answer 3

Vous devez ajouter et installer babel pour vos projets

 npm add @babel/runtime
npm install

Si l'erreur n'est pas corrigée, essayez:

 npm start --reset-cache

Answer 4

Essayez de mettre à jour vos packages. Vous pourriez avoir un ancien package à l'origine du problème:

 yarn upgrade-interactive --latest

Answer 5

Essayez d'abord de mettre à jour votre version de npm

npm update -g npm@version ou sudo npm -gf update npm@version

puis ajoutez simplement le runtime babel à votre projet natif react

npm add @babel/runtime