Après avoir mis à jour les packages JS de mes projets, une erreur est survenue lors de la construction de mon bundle avec Webpack. Il semble apparaître lors de la construction d'un fichier .vue et peut apparaître sur n'importe quelle construction de fichier .vue. Je n'ai pas "babylon" dans mon package.json et j'ai une version plus récente de @ babel / core (7.2.2).
Voici l'erreur:
"dependencies": { "@fortawesome/fontawesome-free": "^5.1.0", "@fortawesome/fontawesome-svg-core": "^1.2.10", "@fortawesome/free-solid-svg-icons": "^5.6.1", "@fortawesome/vue-fontawesome": "^0.1.3", "autoprefixer": "^9.4.6", "axios": "^0.18.0", "babel-eslint": "^10.0.1", "babel-polyfill": "^6.23.0", "backbone": "^1.3.3", "bulma": "^0.7.1", "bulma-calendar": "^5.0.3", "clean-webpack-plugin": "^1.0.1", "css-loader": "^0.28.4", "extract-text-webpack-plugin": "^3.0.0", "flickity": "^2.0.9", "flickity-imagesloaded": "^2.0.0", "friendly-errors-webpack-plugin": "^1.6.1", "glob-all": "^3.1.0", "in-view": "^0.6.1", "jquery": "^3.2.1", "js-cookie": "^2.2.0", "lazysizes": "^4.0.2", "magnific-popup": "^1.1.0", "node-pre-gyp": "^0.12.0", "node-sass": "^4.7.2", "optimize-css-assets-webpack-plugin": "^3.0.0", "postcss-loader": "^3.0.0", "purify-css": "^1.2.5", "purifycss-webpack": "^0.7.0", "sass-loader": "^6.0.7", "style-loader": "^0.18.2", "underscore": "^1.8.3", "vue": "2.5.22", "vue-affix": "^0.2.4", "vue-lazyload": "^1.2.6", "vue-loader": "13.7.2", "vue-template-compiler": "2.5.22", "vuex": "^3.0.1", "webpack": "^3.4.1", "webpack-bundle-analyzer": "^2.8.3", "webpack-bundle-tracker": "^0.2.0", "webpack-dev-server": "^2.6.1", "webpack-merge": "^4.1.0" }, "devDependencies": { "@babel/core": "^7.2.2", "@babel/plugin-transform-regenerator": "^7.0.0", "@babel/preset-env": "^7.3.1", "babel-loader": "^8.0.5", "eslint": "^4.14.0", "eslint-loader": "^2.1.1", "eslint-plugin-import": "^2.14.0", "eslint-plugin-vue": "4.7.1" }
Il ne semble apparaître que lors de la construction de fichiers .vue.
Voici ma configuration:
.babelrc
extends: [ 'eslint:recommended', 'plugin:vue/recommended', 'plugin:import/errors', 'plugin:import/warnings' ], settings: { 'import/resolver': { 'node': { 'extensions': [ '.js', '.vue' ] } } }, parserOptions: { parser: 'babel-eslint', ecmaVersion: 2018 }
3 Réponses :
Le problème vient de vue-loader 13.x.x et 14.x.x
La version 15.x.x semble aller bien, mais je ne peux pas mettre à jour mon projet vers 15.x.x sans tout casser. (Je suppose que vous aurez le même problème)
Je vais enregistrer un problème dans le dépôt du projet et avec un peu de chance, ils publieront un correctif.
Pour le moment, vous pouvez utiliser une version fourchue de 14.2.2 que j'ai créée pour vous débarrasser du message. Je ne sais pas s'il serait compatible avec votre build.
Essayez de remplacer:
"vue-loader": "https://github.com/graux/vue-loader#a0d6b77",
par
XXX
Il n'y a pas de vue-loader dans mon projet. Mais le même problème. quoi de neuf?
Ou simplement ajouter vue-loader ":" ^ 11.0.0
dans votre package.json
fait le travail
Pourquoi voulez-vous passer à 11 (dans mon cas) 15?
Il est 11 ans et plus. Il ne s'agit donc pas de rétrograder @Grandizer
La migration vers vue-loader v15.xx avec ce guide m'a aidé à résoudre le problème de «babylon obsolète» 'problème