找不到模块：错误：无法解析“babel-loader”答案

【问题标题】：Module not found: Error: Can't resolve 'babel-loader'找不到模块：错误：无法解析“babel-loader”
【发布时间】：2020-04-16 15:07:49
【问题描述】：

我刚刚将 web pack 从 2.x 升级到 4.x。通过执行 npm install 我收到以下错误

Module not found: Error: Can't resolve 'babel-loader'

在 github thread 之后，我在 webpack.config.json 中添加了以下几行

 resolveLoader: {   root: path.join(__dirname, 'node_modules') }

但我得到以下错误，

Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
 - configuration.resolveLoader has an unknown property 'modulesDirectories'. These properties are valid: object { alias?, aliasFields?, cachePredicate?, descriptionFiles?, enforceExtension?, enforceModuleExtension?, extensions?, fileSystem?, mainFields?, mainFiles?, moduleExtensions?, modules?, plugins?, resolver?, symlinks?, unsafeCache?, useSyncFileSystemCalls? }

babel-loader 版本是 7.1.4 。 Webpack 升级引入了这个错误。对此有何建议？

【问题讨论】：

你能发布你的 webpack 配置吗？

标签： node.js reactjs webpack

【解决方案1】：

你不是安装这个“babel-loader”吗 https://www.npmjs.com/package/babel-loader

module: {
    rules: [{
        test: /\.jsx?$/,
        include: [
            path.resolve(__dirname, 'src/js'),
        ],
        loader: "babel-loader",
        options: {
            presets: ["es2015"],
            plugins: [
                ["babel-plugin-root-import", {
                    "rootPathSuffix": "src/js"
                }],
                [
                    "transform-runtime", {
                        "helpers": false,
                        "polyfill": false,
                        "regenerator": true,
                        "moduleName": "babel-runtime"
                    }
                ],
                "transform-object-assign", "transform-function-bind"
            ]
        },
        // options for the loader
    }}

【讨论】：

我收到以下错误，模块解析失败：意外令牌您可能需要适当的加载程序来处理此文件类型。

【解决方案2】：

只需安装模块：

npm install babel-loader

或

yarn add babel-loader

我通过运行上述命令解决了这个问题。

【讨论】：