NUXT3在Mac与Linux环境下报Unexpected token '||='错误求助

问题场景 #

在Mac mini M1上通过npx nuxi init nuxt-app创建Nuxt3项目，完成yarn install后执行yarn dev命令，抛出"Unexpected token '||='"错误；同时该问题在Nuxt官方提供的CodeSandbox示例项目中也会出现。

问题原因 #

"||="是ES2021标准新增的逻辑空赋值运算符，Node.js从16.0.0版本开始原生支持该语法。如果当前使用的Node.js版本低于16.0.0，就会出现语法解析错误。

解决步骤 #

1. 检查当前Node.js版本
   执行命令：

   node -v
   

   若输出版本号小于v16.0.0，则确认是版本过低导致的问题。

2. 升级Node.js版本

   • 若使用nvm管理Node.js版本：

     # 安装最新长期支持版
     nvm install --lts
     # 切换到刚安装的版本
     nvm use --lts
     

   • 若未使用版本管理工具，可直接下载对应M1架构的Node.js安装包（选择16.x及以上版本）进行安装。

3. 验证修复
   重新执行node -v确认版本≥16.0.0，回到项目目录后执行yarn dev即可正常启动项目。

4. CodeSandbox环境修复
   在CodeSandbox的项目设置中找到Node.js版本选项，切换至16.x及以上版本，重新启动项目即可解决相同问题。

内容的提问来源于stack exchange，提问作者Wanchai Chaisalee