找不到模块'babel-preset-react-native'答案

【问题标题】：Cannot find module 'babel-preset-react-native'找不到模块'babel-preset-react-native'
【发布时间】：2020-09-09 22:31:51
【问题描述】：

我最近将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

【问题讨论】：

标签： react-native webpack webpack-dev-server babel-loader react-native-web

【解决方案1】：

你能尝试安装'babel-preset-react-native'吗？

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

【讨论】：

感谢您的回复，我假设babel-preset-react-native 已被弃用，而metro-react-native-babel-preset 我真的应该这样做吗？

【解决方案2】：

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

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

你确认你已经安装了 0.62 的 react native 吗？ IE。在 npm 锁定文件中，因为您可能使用的是使用该旧插件的旧版本（0.57 之前）。
您是否也有一个 .babelrc 文件，也许是定义了另一个插件？
与 (1) 类似，您是否尝试过删除锁定文件和/或 node_modules 文件夹并从头开始再次运行 npm install 以便版本正确匹配。

【讨论】：