切换到新笔记本电脑，突然我的 Vue 项目无法编译并出现 ES6 语法错误

Posted 2023-02-22

【中文标题】切换到新笔记本电脑，突然我的 Vue 项目无法编译并出现 ES6 语法错误

【英文标题】：Switched to a new laptop and suddenly my Vue project fails to compile with ES6 syntax errors

【发布时间】：2019-01-13 13:47:19

【问题描述】：

正如标题所说，我刚买了一台新笔记本电脑，但有些地方不对劲。我从 GitHub 中提取了我的 Vue 项目并运行 npm install，然后 npm run dev。

 ERROR  Failed to compile with 1 errors                                               1:38:10 PM

error  in ./src/pages/index.vue

Syntax Error: Unexpected token (97:4)

 95 |   ,
 96 |  computed: 
>    97 |     ...mapState(
  |     ^
98 |       cityData: state => state.city
99 |     ),
100 |     cityNameData () 



@ ./src/pages/index.vue 9:0-105 10:0-118
@ ./src/router/index.js
@ ./src/main.js
@ multi (webpack)-dev-server/client?    
http://localhost:3000 webpack/hot/dev-server ./src/main.js

它看起来像挂在 ES6 语法上。我的 node 版本是 v8.11.3，我的 npm 版本是 5.6.0。

我错过了什么？

【问题讨论】：

不要认为是笔记本电脑的问题，可能是编辑的问题

您使用的是 Vue 1x 还是 2x？

这可能与您的 IDE 无法识别的间距和/或标识有关

从node 5 开始就支持扩展语法。您的源代码中是否有管道文字“|”？奇怪的是，错误以原来的方式缩进并且指向管道。

@zero298 这是控制台中 vuejs 异常的标准错误日志格式，它不是节点异常。

【参考方案1】：

这个问题看起来真的是 babel（转译器）。

根据您的项目配置，您可能在 package.json 中有一个 .babelrc 文件或 babel 配置。

这里你有一个类似的问题：

https://forum.vuejs.org/t/vue-loader-unexpected-token-error-for-using-spread-operator-on-my-vue-component/10241/6

您可能忘记（或忽略）将其包含到您的存储库中。