J'ai un projet vue 2 qui utilisait webpack 2. Je l'avais abandonné pendant un certain temps et je suis revenu pour trouver plusieurs erreurs que je pensais être lié aux anciennes versions, j'ai donc mis à jour vers webpack 3, et mis à jour vue-loader.Erreur de syntaxe Vue-loader: Jeton inattendu {lors de l'importation d'un composant à partir d'un fichier js
Maintenant, je semble obtenir une erreur Syntax Error: Unexpected token { chaque fois que j'essaie d'importer un composant dans un fichier js.
Par exemple:
import App from './App.vue'
du fichier main.js me donne l'erreur. Importer un composant depuis un autre composant de vue ne semble pas poser de problème.
Voici également comment j'initialise l'application dans main.js. Tout cela a fonctionné précédemment.
new Vue({ router: router, store, el: '#app', render: h => h(App) })
Je ne suis pas sûr que ce soit un problème avec vue chargeur ou configuration webpack ou une combinaison des deux.
Voici mes versions de 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",
Pouvez-vous poster les fichiers complets? – Sergio
bien sûr, voici le point d'entrée main.js: https://gist.github.com/tyler-g/24023a5e8ac9e0e02a685c267ae62680 et voici le fichier principal Vue: https://gist.github.com/tyler-g/3de300678f3002da369abbfe6d415370 –
Et le package.json? cette dernière virgule dans '' "babel-register": "^ 6.22.0", 'est une erreur de syntaxe dans les fichiers' .json'. – Sergio