找不到模块:错误:无法解析'babel-loader‘

Question

我刚刚把我的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升级已经引入了这个错误。对此有什么建议吗？

Answer 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
    }}

Answer 2

只需安装模块即可：

npm install babel-loader

或

yarn add babel-loader

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