react-native - 带有babel-preset-react-native/index.js的TransformError

Question

我是响应 native 的新手，并尝试在屏幕上渲染我的第一段文字。

当我运行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)重新安装npm以便babel-preset-react-native

2)用纱去除然后重新添加babel-preset-react-nativeyarn remove babel-preset-react-nativeyarn 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
并重新运行您的应用