反应原生初始化 (0.57) 找不到模块'@babel/plugin-external-helpers'

Question

当我创建一个全新的 react 本机项目时，我收到以下错误消息：

找不到模块"@babel/插件外部帮助程序">

我的包.json文件：

{
"name": "TestProject",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start",
"test": "jest"
},
"dependencies": {
"react": "16.5.0",
"react-native": "0.57.0"
},
"devDependencies": {
"babel-jest": "23.6.0",
"jest": "23.6.0",
"metro-react-native-babel-preset": "0.45.4",    
"react-test-renderer": "16.5.0"
},
"jest": {
"preset": "react-native"
}
}

知道出了什么问题吗？

谢谢。

Answer 1

对我来说也是一样，只需运行

npm install --save-dev @babel/plugin-external-helpers

它应该有效

Answer 2

只需安装@babel/plugin-external-helpers，无需更改.babelrc 对我来说，通过安装 @babel/插件外部助手和反应转换-hmr 来解决此问题。

跑：

npm install --save-dev @babel/plugin-external-helpers
npm install react-transform-hmr

Answer 3

我刚刚通过从这里安装 Babel 解决了它： https://babeljs.io/docs/en/babel-plugin-external-helpers

Answer 4

如果您不更新 XCode，其他答案可能会起作用。 在几天内升级 react-native、XCode 和我的 iOS 完全破坏了一切。

启动一个新项目以使用 react-native 0.57 进行测试，我遇到了与您相同的问题，并安装了软件包，但这并没有解决问题。 我看过另一篇关于XCode 10中构建系统更改的帖子，所以我尝试了一下，这对我有用：

1. npm install --save-dev @babel/plugin-external-helpers如前所述
2. 在 XCode 中打开项目
3. 转到File > Project Settings
4. 将Build System更改为Legacy Build System

Answer 5

我们在这里遇到了同样的错误！我们无法运行任何 react 原生项目(iOS 和 Android(。这些项目使用 react-native 版本 0.56.0。

如果我们创建一个使用 react-native 版本 0.42.0 的项目，它可以工作：react-native init [project_name] --version 0.42.0

虽然使用npm install --save-dev @babel/plugin-external-helpers对我们不起作用。既不使用npm install react-transform-hmr.

Answer 6

使用 yarn，只需运行：

yarn add --dev @babel/plugin-external-helpers

为我工作。

Answer 7

感谢您报告此问题。这是一个已知问题，我们正在处理它。

https://github.com/facebook/react-native/issues/21219

Answer 8

刚刚安装了一个新项目，它似乎已修复。

新版本的 metro-react-native-babel-preset。

在全新安装后我得到的 package.json 文件下方。

"Metro-react-native-babel-preset"："0.45.5">

{
"name": "ZStyleCachedImage",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start",
"test": "jest"
},
"dependencies": {
"react": "16.5.0",
"react-native": "0.57.0"
},
"devDependencies": {
"babel-jest": "23.6.0",
"jest": "23.6.0",
"metro-react-native-babel-preset": "0.45.5",
"react-test-renderer": "16.5.0"
},
"jest": {
"preset": "react-native"
}
}