javascript - 换了一台新笔记本电脑，突然我的 Vue 项目无法编译，并出现 ES6 语法错误

Question

正如标题所示，我刚买了一台新笔记本电脑，但有些东西不对劲。我从 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。

我错过了什么？

Answer 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

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