Vue-loader 구문 오류:js 파일에서 구성 요소를 가져올 때 예기치 않은 토큰 {이(가) 발생했습니다.

Vue-loader 구문 오류:js 파일에서 구성 요소를 가져올 때 예기치 않은 토큰 {이(가) 발생했습니다.

웹 팩 2를 사용한 vue 2 프로젝트가 있습니다.잠시 포기했다가 다시 돌아와 보니 이전 버전과 관련이 있을 것 같은 오류가 몇 개 발견되어 webpack 3으로 업그레이드하여 vue-loader를 업데이트했습니다.

이제 오류가 발생한 것 같습니다.Syntax Error: Unexpected token {js 파일로 컴포넌트를 Import하려고 할 때마다.

예를 들어 다음과 같습니다.

import App from './App.vue'

이 에러를 표시합니다.다른 vue 컴포넌트 내에서 컴포넌트를 Import해도 문제가 없는 것 같습니다.

또한 main.js에서 앱을 초기화하는 방법도 여기에 있습니다.이 모든 것이 이전에는 통했다.

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

이것이 vue-loader 구성 문제인지 webpack 구성 문제인지 아니면 둘의 조합 문제인지 잘 모르겠습니다.

패키지 버전입니다.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을 최신 버전으로 업그레이드해 보십시오.

언급URL : https://stackoverflow.com/questions/46833108/vue-loader-syntax-error-unexpected-token-when-importing-a-component-from-a-js