使用Firebase的Vue.js项目执行npm run serve报SyntaxError如何解决

你遇到的Invalid or unexpected token错误是因为全局安装的@vue/cli-service依赖下的enhanced-resolve包源文件损坏，文件内容出现乱码无法被Node.js正常解析导致。

• 第一步：卸载全局安装的Vue CLI相关依赖，执行命令：

npm uninstall -g @vue/cli @vue/cli-service

• 第二步：清理npm全局缓存，避免残留损坏的包文件，执行命令：

npm cache clean --force

• 第三步：重新全局安装Vue CLI，执行命令：

npm install -g @vue/cli

安装完成后可执行vue --version验证是否安装成功。

• 第四步：进入你的Vue项目根目录，删除本地的node_modules文件夹、package-lock.json文件（如果用yarn则删除yarn.lock，用pnpm则删除pnpm-lock.yaml）
• 第五步：重新安装项目本地依赖，执行命令：

npm install

• 第六步：重新执行项目启动命令验证是否修复：

npm run serve

如果上述操作后仍然报错，可以确认以下内容：

• 核对项目要求的Node.js版本是否和你当前使用的版本一致，版本不兼容也可能引发依赖解析异常，可通过node -v查看当前版本，切换到对应适配版本后重新执行上述操作即可。
• 安装依赖时如果网络不稳定，可切换为国内npm源后再执行安装操作，降低依赖文件下载损坏的概率。

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