Vue-loader構文エラー：jsファイルからコンポーネントをインポートすると予期しないトークンが発生する

Question

webpack 2を使用していたvue 2プロジェクトがあります。私はしばらく放棄してから、いくつかのエラーを見つけるために戻ってきました古いバージョンに関連していたので、webpack 3にアップグレードし、vue-loaderを更新しました。

今度は、コンポーネントを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",

Answer 1

は、最新バージョンにNPMをアップグレードしてみてください。