3

我有一个使用webpack 2的vue 2项目。我放弃了一段时间,然后返回发现几个我认为可能与旧版本有关的错误,所以我升级到webpack 3,并更新了vue-loader。

Syntax Error: Unexpected token {现在,每次尝试将组件导入 js 文件时,我似乎都会遇到错误。

例如:

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

4

1 回答 1

2

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

于 2017-10-29T12:57:30.567 回答