配置Node/React+Webpack项目时遇Compiler.js语法错误求助
解决Webpack启动时的
SyntaxError: Unexpected token ...错误 这个问题我之前帮不少开发者排查过,根源很明确——你的Node.js版本过低,不支持Webpack依赖代码里用到的ES6扩展运算符(...)语法。
为什么会出现这个错误?
你看到的错误来自/node_modules/webpack/lib/Compiler.js里的这段代码:
apply: util.deprecate((...args) => {
其中的...args是ES6的扩展运算符,而你的Node.js版本太老(比如v6以下),原生不支持这个语法,导致执行时抛出语法错误。
解决方案步骤
第一步:检查当前Node.js版本
打开终端运行以下命令,查看你当前的Node版本:node -vWebpack 4+要求Node.js版本不低于v8.9.0,Webpack 5则需要v10.13.0或更高版本。如果你的版本低于这个要求,就需要升级。
第二步:升级Node.js
推荐用nvm(Node版本管理器)来安全升级,避免影响其他项目:- 安装nvm后,运行以下命令安装最新的长期支持(LTS)版本:
nvm install --lts - 设置该版本为默认使用的版本:
nvm use --lts
如果你不想用nvm,也可以直接下载安装Node.js最新稳定版。
- 安装nvm后,运行以下命令安装最新的长期支持(LTS)版本:
第三步:重新安装依赖并启动服务
升级完成后,建议删除旧的依赖文件,重新安装:rm -rf node_modules package-lock.json npm install之后再启动你的服务器,应该就能正常运行了。
内容的提问来源于stack exchange,提问作者Malvinka
相关产品推荐
相关产品推荐

