Vue-loader语法错误：意外的标记{从js文件导入组件时

问题描述：

我有一个使用webpack 2的vue 2项目。我放弃了它一段时间，然后返回以发现我认为可能会出现的几个错误与旧版本相关，所以我升级到了webpack 3，并更新了vue-loader。Vue-loader语法错误：意外的标记{从js文件导入组件时

现在，我似乎每次尝试将组件导入到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",

你能发布完整的文件吗？ – Sergio

当然，这里是main.js的入口点：https://gist.github.com/tyler-g/24023a5e8ac9e0e02a685c267ae62680这里是主要的Vue文件：https：//gist.github.com/tyler-g/3de300678f3002da369abbfe6d415370 –

和package.json？ ''babel-register“中最后一个逗号：”^ 6.22.0“，''.json'文件中的语法错误。 – Sergio

答

尝试升级NPM至最新版本。

是的，就是这样。我不能说是特别是节点还是npm，但是升级到节点7修复了问题 –

我浪费了太多时间。 @泰勒-g，我觉得这应该是被接受的答案。 – spinus

Vue-loader语法错误：意外的标记{从js文件导入组件时

相关推荐