Vue-loader Syntax Error: Unexpected token { when importing a component from a js file
Vue-loader Syntax Error: Unexpected token { when importing a component from a js file
我有一个使用webpack 2的vue 2项目。我放弃了一段时间然后回来发现几个错误我认为可能与旧版本有关，所以我升级到webpack 3，并更新了vue -装载机。
现在每次尝试将组件导入 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-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 升级到最新版本。
我有一个使用webpack 2的vue 2项目。我放弃了一段时间然后回来发现几个错误我认为可能与旧版本有关，所以我升级到webpack 3，并更新了vue -装载机。
现在每次尝试将组件导入 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-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 升级到最新版本。