Lors de la création d'un nouveau projet natif de réaction utilisant la norme react-native init MyApp
et exécutant react-native run-ios
pour la première fois, l'erreur suivante s'affiche.
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 vois toujours le même problème. J'ai lu quelques articles sur des problèmes similaires, mais rien ne semble indiquer spécifiquement 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
Essayez et essayez:
npm add @babel/runtime
Ou mettez à niveau le runtime babel:
"@babel/runtime": "7.0.0-beta.55"
Vous devez d'abord quitter le terminal de métro avant d'exécuter
npm add @babel/runtime
npm install
Essayez de mettre à jour vos paquets. Vous pourriez avoir un ancien paquet à l'origine du problème:
yarn upgrade-interactive --latest
J'ai le même problème en raison de la disposition incorrecte de createStackNavigator
, createAppContainer
, createSwitchNavigator
dans les routes réactives
Essayez de mettre à jour votre version de npm en premier
npm update -g npm@version
ou Sudo npm -gf update npm@version
puis ajoutez simplement le runtime babel à votre projet natif de réaction
npm add @babel/runtime