7
votes

Erreur obsolète de l'analyseur "babylon" - Webpack build

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
 }


1 commentaires

La migration vers vue-loader v15.xx avec ce guide m'a aidé à résoudre le problème de «babylon obsolète» 'problème


3 Réponses :


10
votes

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.

EDIT:

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


1 commentaires

Il n'y a pas de vue-loader dans mon projet. Mais le même problème. quoi de neuf?



0
votes

0 commentaires

-1
votes

Ou simplement ajouter vue-loader ":" ^ 11.0.0 dans votre package.json fait le travail


2 commentaires

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