使用babel-preset-react-native / index.js进行TransformError

Question

我是反应原生的新手，并尝试在屏幕上呈现我的第一段文字。

当我运行react-native run-ios然后点击进入我的示例应用时，我看到以下错误：

TransformError ENOENT: no such file or directory, open '.../albums/node_modules/babel-preset-react-native/index.js' while processing preset '.../babel-preset-react-native/index.js' RCTFatal RCTCxxBridge handleError

index.js我的项目中存在，使用以下代码：

'use strict';
module.exports = require('./configs/main');

到目前为止，我尝试了以下内容：

1）为babel-preset-react-native

重新安装npm

2）使用纱线去除然后重新添加babel-preset-react-native
yarn remove babel-preset-react-native
yarn add babel-preset-react-native@2.1.0

3）完全删除babel.rc

没有任何效果。渴望听取有关其他事情的建议和建议。

Answer 1

这是新版babel-preset-react-native中的错误，因为它会在您运行react-native init命令后自动添加

请查看此github问题https://github.com/facebook/react-native/issues/15513

解决方法，尝试更改版本：

yarn remove babel-preset-react-native
yarn add babel-preset-react-native@2.1.0

如果这对您不起作用，请尝试使用以下代码删除node_modules/babel-preset-react-native/configs/main.js处的逗号逗号

https://github.com/facebook/react-native/blob/6ad7e8281b37ee2ce6425363c0b17420d056807a/babel-preset/configs/main.js#L40 并重新运行您的应用

Answer 2

昨天我遇到了同样的问题，我的方式是：
 1.转到node_modules并删除babel-preset-react-native文件夹  2.在根项目类型中：npm install babel-preset-react-native@2.1.0 --save-dev

希望你能解决这个问题。

Answer 3

昨天我遇到了同样的问题，我的方式是：

1. 转到node_modules并删除babel-preset-react-native文件夹。
2. 在根项目类型中：
   npm install babel-preset-react-native@2.1.0 --save-dev

希望你能解决这个问题。

谢谢GaBACK