javascript - npm run build 上的 Babel-Loader 语法错误
问题描述
我对 webpack 不是很擅长,我正在尝试将 webpack 从 V3 更新到 V4,并设法将我的 webpack 配置更新到不会向我抛出折旧错误的地步,但我现在陷入了来自 babel-loader 的语法错误:
Module build failed (from ./node_modules/babel-loader/lib/index.js):
/path/react/node_modules/schema-utils/dist/util/hints.js:16
const currentSchema = { ...schema
SyntaxError: Unexpected token ...
在我的 webpack 配置中,我有这个:
test: /\.(js|jsx)$/,
use: [
{
loader: 'babel-loader',
options: {
presets: [
'@babel/preset-env',
'@babel/preset-react',
{
plugins: [
'@babel/plugin-proposal-class-properties'
]
}
],
compact: true,
cacheDirectory: false, // @todo: legacy option: true
},
}
]
我正在使用以下版本:
"@babel/core": "^7.1.6",
"@babel/plugin-proposal-class-properties": "^7.8.3",
"@babel/preset-env": "^7.1.6",
"@babel/preset-react": "^7.0.0",
"babel-loader": "^8.0.4",
我曾多次尝试使用不同版本的 babel,但总是以这条消息结束。谁能看到我犯的任何明显错误?
解决方案
这SyntaxError: Unexpected token ...
意味着您的节点没有转译 ES6。您是否将 node/npm 升级到相对较新的版本?
此外,如果您要更改版本,我建议您在再次运行之前删除您的node_modules
文件夹和文件。package-lock.json
npm install
推荐阅读
- pivot-table - 如何在 apache-superset 中的数据透视表的条件格式模式中添加颜色?
- blazor - 会话超时和生存期设置无效
- math - Mupad 3D 绘图问题
- github - 从 Azure Dev-Ops 迁移到 GitHub 后构建管道更改
- javascript - 向 VUE js 中的动态对象添加验证
- python - Google 自定义搜索 API nexpage 中的错误
- java - 在不同机器上加载 solr-8.9.0 中的 csv 文件比较
- python - 如何在主键是字符串时删除 django /postgres 中的重复项
- c# - 列“用户名”不属于表表
- go - 使用 Go-Grpc-Prometheus 添加自定义标签