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

我是反应原生的新手,并尝试在屏幕上呈现我的第一个文本.

当我运行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在我的项目中存在,使用以下代码

‘使用严格’;
module.exports = require(‘./ configs / main’);

到目前为止,我尝试过以下方法

1)为babel-preset-react-native重新安装npm

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

3)完全删除babel.rc

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

这是新版本的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并重新运行您的应用程序

相关文章

一、前言 在组件方面react和Vue一样的,核心思想玩的就是组件...
前言: 前段时间学习完react后,刚好就接到公司一个react项目...
前言: 最近收到组长通知我们项目组后面新开的项目准备统一技...
react 中的高阶组件主要是对于 hooks 之前的类组件来说的,如...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom...