【问题标题】: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 - 我认为不匹配只是偶然的?

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

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

    【讨论】:

      猜你喜欢
      • 2019-07-30
      • 2021-11-04
      • 2021-03-03
      • 2019-03-24
      • 1970-01-01
      • 2021-11-26
      • 2021-07-23
      • 2019-06-04
      • 2023-01-05
      相关资源
      最近更新 更多