Javascript 巴贝尔装载机崩溃npm构建

将babel添加到我的节点项目后，我的项目不再生成

我最初收到的一个问题是：

ERROR in ./src/js/index.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: Cannot find module '@babel/core'

看了之后，问题似乎是我安装了

babel-core

，而不是

@babel-core

。然后，我使用以下命令安装了

@babel/core

：

npm install @babel/core --save-dev

在那之后，该项目仍在崩溃。新的错误是

ERROR in ./src/js/index.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
TypeError: Cannot read property 'bindings' of null

我也不知道如何修复它。这是我的

webpack.config.js

：

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
    entry: ['babel-polyfill', './src/js/index.js'],
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: 'js/bundle.js'
    },
    devServer: {
        contentBase: './dist'
    },
    plugins: [
        new HtmlWebpackPlugin({
            filename: 'index.html',
            template: './src/index.html'
        })
    ],
    module: {
        rules: [
            {
                test: /\.js$/,
                exclude: /node_modules/,
                use: {
                    loader: 'babel-loader'
                }
            }
        ]
    }
};

---

请告诉我需要在配置中更改什么以解决此错误。

您在这里缺少一些内容：

您需要安装：

npm install --save-dev @babel/preset-env

然后将.babelrc文件添加到您的目录中，并用以下内容填充它：

{
    "presets": [
        [
            "@babel/preset-env", {
                "modules": false
            }
        ]
    ]
}

---

您在这里遗漏了一些内容：

您需要安装：

npm install --save-dev @babel/preset-env

然后将.babelrc文件添加到您的目录中，并用以下内容填充它：

{
    "presets": [
        [
            "@babel/preset-env", {
                "modules": false
            }
        ]
    ]
}