Vue-loader語法錯誤：意外的標記{從js文件導入組件時

我有一個使用webpack 2的vue 2項目。我放棄了它一段時間，然後返回以發現我認爲可能會出現的幾個錯誤與舊版本相關，所以我升級到了webpack 3，並更新了vue-loader。Vue-loader語法錯誤：意外的標記{從js文件導入組件時

現在，我似乎每次嘗試將組件導入到js文件時都會收到錯誤Syntax Error: Unexpected token {。

例如：

import App from './App.vue'

從main.js文件給我的錯誤。從另一個vue組件導入一個組件似乎沒有給我任何問題。

另外這裏是我如何在main.js中初始化應用程序。所有這一切以前工作。

new Vue({ router: router, store, el: '#app', render: h => h(App) })

我不知道這是否與VUE裝載機或配置的WebPack或兩者的結合的問題。

這裏是我的版本從的package.json： "vue": "^2.5.2", "vue-resource": "^1.3.4", "vue-router": "^2.8.1", "vuex": "^2.2.1", "webpack": "^3.8.1", "webpack-bundle-analyzer": "^2.2.1", "webpack-dev-middleware": "^1.12.0", "webpack-hot-middleware": "^2.20.0", "webpack-merge": "^2.6.1", "babel-core": "^6.26.0", "babel-loader": "^7.1.2", "babel-plugin-istanbul": "^3.1.2", "babel-plugin-lodash": "^3.2.11", "babel-plugin-transform-runtime": "^6.22.0", "babel-preset-env": "^1.6.1", "babel-preset-stage-2": "^6.22.0", "babel-register": "^6.22.0",

來源

2017-10-19 tyler-g

你能發佈完整的文件嗎？ – Sergio

當然，這裏是main.js的入口點：https://gist.github.com/tyler-g/24023a5e8ac9e0e02a685c267ae62680這裏是主要的Vue文件：https：//gist.github.com/tyler-g/3de300678f3002da369abbfe6d415370 –

和package.json？ ''babel-register「中最後一個逗號：」^ 6.22.0「，''.json'文件中的語法錯誤。 – Sergio

嘗試升級NPM至最新版本。

來源

2017-10-29 12:57:30 Brimstedt

是的，就是這樣。我不能說是特別是節點還是npm，但是升級到節點7修復了問題 –

我浪費了太多時間。 @泰勒-g，我覺得這應該是被接受的答案。 – spinus

Vue-loader語法錯誤：意外的標記{從js文件導入組件時

回答

相關問題