Question

更新：我已修复此问题。寻找答案。

目标：设置Babel。

问题：当我使用webpack通过npm run dev命令创建bundle.js文件时遇到错误。 screenshot 1 screenshot 2

./ src / js / index.js

import num from "./test";
const x = 45;
console.log(`I imported ${num} from test.js - ${x}`);

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

您好像错过了babel-core

我认为跑步：

npm install --save-dev babel-core

应该解决

Answer 2

我已修复错误。原来我需要安装新的Babel软件包。

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

将webpack.config.js中的entry替换为：

entry: ["@babel/polyfill", "./src/js/index.js"],

将.babelrc中的presets替换为：

{
  "presets": ["@babel/env"]
}

Babel设置错误：“ ./ src / js / index.js中的错误”

2 个答案: