多应用程序中的错误：将 babel 升级到 v7 后无法解析模块“babel-loader”

Posted 2023-02-22

【中文标题】多应用程序中的错误：将 babel 升级到 v7 后无法解析模块“babel-loader”

【英文标题】：Error in multi app: Cannot resolve module 'babel-loader' after upgrading babel to v7

【发布时间】：2019-07-15 12:54:20

【问题描述】：

看来我已经安装了所有需要的东西，但仍然无法正常工作。

这是我的 package.json：

    "babel-core": "^7.0.0-bridge.0",
    "babel-jest": "^23.4.2",
    "babel-loader": "7.1.1",

然后，我有一个用于配置 webpack 的 webpack.config.js 文件。有导致问题的片段：

webpackConfig.module.loaders = [
  test    : /\.(js|jsx)$/,
  exclude : /node_modules/,
  loader  : 'babel-loader',
  query   : project.compiler_babel
, 
  test   : /\.json$/,
  loader : 'json'
];

任何我键入而不是 'babel-loader' 作为 loader 键值的内容都将在错误消息中提到，而不是“babel-loader”。

而且我还有查询导致的 project.config.js：

compiler_babel : 
    cacheDirectory : true,
    plugins        : ['transform-runtime'],
    presets        : ['es2015', 'react', 'stage-0']
  , 

我也尝试过使用来自 compiler_babel 的配置的 babel.config.js，但没有成功。

有什么想法可以让它发挥作用吗？我打算为反应应用程序写一些测试，因此我需要一些更新的 babel 包。

附：准确的错误信息：

找不到多应用模块中的错误：错误：无法解析模块 'babel-loader' 在 ... @ 多应用

我的 webpack 版本是 "webpack": "^1.15.0",

【问题讨论】：

现在不是@babel/core吗？

将其更改为@babel/core，现在错误已更改：Loader /Users/.../node_modules/@babel/core/lib/index.js 中的错误？"cacheDirectory":true ,"plugins":["transform-runtime"],"presets":["es2015","re​​act","stage-0"] 没有返回函数@multi app

是的，所以我使用 babel loader ^8.0.5 和 @babel/core ^7.1.6

【参考方案1】：

检查documentation。你需要 babel-loader v8 和 Babel v7。

【讨论】：

谢谢，升级到babel-loader v8，把loader改成babel-loader，现在报错Cannot find module 'babel-plugin-transform-runtime'

将babel-plugin-*更改为@babel/plugin-*