javascript - Babel 设置错误:“./src/js/index.js 中的错误”
问题描述
更新:我解决了这个问题。看答案。
目标:设置 Babel。
问题:当我使用 webpack 使用命令创建 bundle.js 文件时遇到错误:npm run dev
.
截图1 截图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"
}
}
]
}
};
解决方案
我修复了错误。原来我需要安装新的 Babel 包。
npm install --save-dev @babel/core @babel/preset-env
npm install --save @babel/polyfill
entry
在 webpack.config.js 中替换为:
entry: ["@babel/polyfill", "./src/js/index.js"],
presets
在 .babelrc 中替换为:
{
"presets": ["@babel/env"]
}
推荐阅读
- python - 从 input_t(实际上是三个数字并充当特征)和 output_t 作为输出创建一个数据框
- javascript - JS文件无法访问laravel变量
- three.js - 如何在three.js上通过addEventListener动态更新set.position.x?
- geolocation - 查看和地理位置字段
- mysql - 为什么函数 count() 与 gorup by 出错?
- sql-server - EF Core 错误的连接语句
- nest-thermostat - 试图从新的 google nest e 恒温器中获取详细的数据转储
- java - 使用 volley 解析 json 时遇到问题
- openwhisk - Openwhisk 中是否有设置最小/最大/固定功能/动作副本的功能?
- c++ - C 和 C++ 标准中“表达式”的定义