Laravel登录注册系统搭建时npm run dev报SyntaxError问题求助

操作步骤回顾 #

• 执行composer require laravel/jetstream
• 执行php artisan jetstream:install livewire
• 执行npm install
• 执行npm run dev时触发以下错误：

SyntaxError: Unexpected token {
at new Script (vm.js:80:7)
at createScript (vm.js:274:10)
at Object.runInThisContext (vm.js:326:10)
at Module._compile (internal/modules/cjs/loader.js:664:28)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:712:10)
at Module.load (internal/modules/cjs/loader.js:600:32)
at tryModuleLoad (internal/modules/cjs/loader.js:539:12)
at Function.Module._load (internal/modules/cjs/loader.js:531:3)
at Function.Module.runMain (internal/modules/cjs/loader.js:754:12)
at startup (internal/bootstrap/node.js:283:19)

解决方案 #

这个错误本质是当前Node.js版本过低，不支持ES6的解构语法（{}），Laravel Jetstream及配套前端工具要求Node.js 14.x及以上版本，按以下步骤处理：

1. 检查当前Node.js版本：

   node -v
   

2. 升级Node.js（推荐用nvm管理版本）：
   • 安装nvm后，执行以下命令安装并切换到稳定版：

     nvm install 18
     nvm use 18
     

3. 清理旧依赖并重新编译：

   rm -rf node_modules package-lock.json
   npm install
   npm run dev
   

内容的提问来源于stack exchange，提问作者Bright pyt