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-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",

Answer 1

尝试将npm升级到最新版本。

Vue-loader语法错误：从js文件导入组件时出现意外的令牌

1 个答案: