![](/img/trans.png)
[英]Webpack vue-loader gives “unexpected token {” for single-page .vue component
[英]Vue-loader Syntax Error: Unexpected token { when importing a component from a js file
我有一個使用webpack 2的vue 2項目。我已經放棄了一段時間然后返回找到了幾個我認為可能與舊版本相關的錯誤,所以我升級到webpack 3,並更新了vue-loader。
現在我似乎得到一個錯誤Syntax Error: Unexpected token {
每次我嘗試將組件導入js文件。
例如:
import App from './App.vue'
從main.js文件中給出了錯誤。 從另一個vue組件中導入組件似乎沒有給我任何問題。
這也是我如何在main.js初始化應用程序。 所有這一切都在以前工作。
new Vue({ router: router, store, el: '#app', render: h => h(App) })
我不確定這是vue-loader或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",
嘗試將npm升級到最新版本。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.