使用Vuetify创建的Vue项目运行npm run dev时出现语法错误

错误原因 #

这个问题出在Windows环境的脚本兼容上：./node_modules/.bin/vite是Linux/macOS用的bash脚本，Windows下对应的可执行脚本是vite.cmd，但你的dev命令用node去执行bash脚本，node无法解析basedir=$(...)这类bash语法，所以抛出了语法错误。

解决方案 #

方案1：修改package.json的dev命令 #

打开项目根目录的package.json，找到scripts中的dev命令：

"scripts": {
  "dev": "node --no-warnings ./node_modules/.bin/vite"
}

改成直接调用vite（npm会自动匹配Windows下的vite.cmd）：

"scripts": {
  "dev": "vite --no-warnings"
}

保存后重新执行npm run dev即可。

方案2：清理依赖重装 #

如果修改命令后仍有问题，试试彻底重置依赖：

• 删除项目里的node_modules文件夹和package-lock.json文件
• 执行npm install重新安装所有依赖
• 再次运行npm run dev

方案3：用WSL运行（可选） #

如果长期做前端开发，也可以启用Windows的WSL（适用于Linux的Windows子系统），在WSL环境下运行项目，从根源避免跨平台脚本兼容问题。

内容的提问来源于stack exchange，提问作者Prajesh Kapadiya