无法解析模块`@ babel / runtime / helpers / interopRequireDefault`


69

使用标准创建新的React Native项目react-native init MyAppreact-native run-ios首次运行时,我看到以下错误

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)

我已经尝试运行建议的程序,但仍然看到相同的问题。我看过几篇关于类似问题的文章,但似乎没有什么特别的话说如何用本机解决问题。

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

Answers:


148

尝试一下:

npm add @babel/runtime

或升级babel运行时:

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



自2天以来一直在用这个错误来敲我的头..在2分钟内得到解决...非常感谢@jrk
CKT

@CKT-这就是stackoverflow的目的:)
JRK

4
@ th3g3ntl3m3n确保在安装软件包后重新启动Metro构建器。
克里斯·埃丁顿

4
npm start -- --reset-cache安装后对我有用@babel/runtime
Val


1

尝试先更新您的npm版本

npm update -g npm@version 要么 sudo npm -gf update npm@version

然后在您的本机项目中添加babel运行时

npm add @babel/runtime


1

尝试升级您的软件包。您可能有一个导致问题的旧软件包:

yarn upgrade-interactive --latest


0

您应该为项目添加并安装babel

npm add @babel/runtime
npm install

如果错误未解决,请尝试:

npm start --reset-cache

0

当前错误消息建议这些步骤来解决此问题:

  1. 清除watchman手表:watchman watch-del-all
  2. 删除node_modules:rm -rf node_modules并运行yarn install
  3. 重置Metro的缓存:yarn start --reset-cache
  4. 删除缓存:rm -rf / tmp / metro- *

最后一个为我解决了。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.