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

Question

我是反应原生的新手,并试图在屏幕上渲染我的第一个文本.

当我运行react-native run-ios然后单击进入我的示例应用程序时,我看到以下错误:

TransformError ENOENT:没有这样的文件或目录,在处理预设'.../babel-preset-react-native/index.js时打开'.../albums/node_modules/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 并重新运行您的应用