使用npx create-vue创建Vue项目出现SyntaxError错误的解决办法

问题原因 #

报错中的??是ES2020新增的空值合并运算符，你当前使用的Node.js v12.22.9不支持该语法。最新版create-vue要求Node.js版本至少为14.18.0或16.0.0以上，版本不匹配导致了这个语法错误。

解决方案 #

方案一：升级Node.js（推荐） #

直接升级到符合要求的Node.js版本，建议选择LTS（长期支持）版本（如18.x或20.x）：

• 若使用nvm（Node版本管理器），执行以下命令：

  # 安装最新LTS版本
  nvm install --lts
  # 切换到该版本
  nvm use --lts
  

• 也可直接下载Node.js官网的安装包手动升级。
  升级完成后，重新运行npx create-vue app即可正常创建项目。

方案二：使用兼容Node.js 12的旧版create-vue（不推荐） #

如果暂时无法升级Node，可以指定旧版create-vue创建项目，例如：

npx create-vue@3.2.0 app

注意：旧版本可能缺少新功能和安全补丁，仅作为临时应急方案。

内容的提问来源于stack exchange，提问作者Ângelo Rigo