Webpack 模块构建失败，错误：找不到模块'@babel/core'答案

【问题标题】：Webpack module build failed, Error: Cannot find module '@babel/core'Webpack 模块构建失败，错误：找不到模块'@babel/core'
【发布时间】：2019-12-03 04:07:06
【问题描述】：

错误：babel-loader@8 需要 Babel 7.x（包 '@babel/core'）。如果你想使用 Babel 6.x ('babel-core')，你应该安装 'babel-loader@7'。尝试构建 webpack.config.js 文件时出现错误。

{
  "name": "",
  "version": "1.0.0",
  "description": "create a graph out of a json object",
  "main": "main.js",
  "scripts": {
    "start": "webpack-dev-server --entry ./main.js --output-filename ./dist/bundle.js",
    "build": "webpack"
  },
  "author": "",
  "license": "MIT",
  "devDependencies": {
    "babel-core": "^6.26.3",
    "babel-loader": "^8.0.4",
    "babel-preset-es2015": "^6.24.1",
    "css-loader": "^1.0.1",
    "style-loader": "^0.23.1",
    "webpack": "^4.26.0",
    "webpack-cli": "^3.1.2",
    "webpack-dev-server": "^3.1.10"
  },
  "dependencies": {}
}

module.exports = {
mode: 'development',
entry: './main.js',
output: {
    path: __dirname + '/dist',
    filename: 'bundle.js'
},
module: {
    rules: [
        {
            test: /\.css$/,
            use: [
                {loader: 'style-loader'},
                {loader: 'css-loader'},
            ]
        },
        {
            test: /\.js$/,
            use:[
                {
                    loader: 'babel-loader',
                    query: {
                        presets: ['es2015']
                    }
                }
            ],
            exclude: /node_modules/,

        }
    ]
}

}

【问题讨论】：

标签： webpack babel-loader

【解决方案1】：

看来你需要更换

"babel-core": "^6.26.3"

与

"@babel/core": "^7"

【讨论】：

我试过了，没用。 ./main.js 中的错误模块构建失败（来自 ./node_modules/babel-loader/lib/index.js）：错误：插件/预设文件不允许导出对象，只能导出函数。在 /Users/elianeaimeh/Documents/elia-challenge/node_modules/babel-preset-es2015/lib/index.js
我解决了这个问题，我在安装 @babel-preset-env 后忘记从 devDependency 中删除 babel-preset-es2015。现在 webpack 构建工作正常.. 并且修改了查询：{presets: ['@babel/preset-env'} 在 webpack.config.js 文件中。