Question

将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'
                }
            }
        ]
    }
};

请让我知道我需要更改配置以解决此错误。

Answer 1

您在这里遗漏了一些东西：

您需要安装：

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

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

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

Babel loader崩溃了npm build

1 个答案: