找不到模块“ babel-preset-react-native”

如何解决找不到模块“ babel-preset-react-native”

我最近将react-native-web集成到我的本机项目中，并包含了webpack。我已遵循here中列出的所有说明。但是，当尝试使用该页面底部列出的webpack命令运行时，我不断收到错误消息：

ERROR in ./index.web.js
Module build Failed (from ./node_modules/babel-loader/lib/index.js):
Error: Cannot find module 'babel-preset-react-native' from '<*path to root*>'

我已经安装了预设metro-react-native-preset，并且babel的配置如下所示：

babel.config.js

module.exports = {
  presets: ['module:metro-react-native-babel-preset']
};

我目前正在使用React Native 0.62

解决方法

您可以尝试安装“ babel-preset-react-native”吗？

npm install --save -dev babel-preset-react-native

您说您已经安装了metro-react-native-preset，但是您的配置中有metro-react-native-babel-preset-我认为不匹配是偶然的吗？

无论如何，这可能无关紧要。这里有一些尝试的方法：

您是否已验证已安装0.62的react native？即在npm锁定文件中，就像您使用的是旧版本（使用0.57之前的版本）一样。
也许您也有一个.babelrc文件，但定义了另一个插件吗？
类似于（1），您是否尝试过删除锁定文件和/或node_modules文件夹并从头开始运行npm install，以使版本正确匹配。