45
votes

Nuxt JS - Installation fraîche de Nuxt 2.14.6 contient des avertissements Babel "Option" Option "

J'ai une nouvelle installation de Nuxt Version 2.14.6 et je voudrais faire taire une erreur que j'obtiens lorsque j'exécute la commande nuxt:

 WARN  Though the "loose" option was set to "false" in your @babel/preset-env co
The "loose" option must be the same for @babel/plugin-proposal-class-properties,
        ["@babel/plugin-proposal-private-methods", { "loose": true }]
to the "plugins" section of your Babel config.

Je suppose que je dois remplacer la remplacement La configuration Babel dans mon fichier nuxt.config.js, mais je n'ai trouvé aucune solutions utiles.


0 commentaires

5 Réponses :


77
votes

Ajoutez ce qui suit à votre fichier nuxt.config.js sous la section build .

nuxt.config.js p>

build: {
  babel:{
    plugins: [
      ['@babel/plugin-proposal-private-methods', { loose: true }]
    ]
  }
}


1 commentaires

N'hésitez pas à vérifier ma réponse ici: Stackoverflow.com/questions/68663581/… Ou dans cette question ici: stackoverflow.com/a/67466363/8816585 @anthony



17
votes

Je préfère réinitialiser nuxt à 2.15.2 et attendre qu'il soit corrigé. Alors que la réponse ci-dessus le corrige à court terme, ces avertissements sur une nouvelle installation Nuxt ressemble à un bug pour moi.


6 commentaires

À voté. Il est toujours bon de vous assurer que vous ne faites pas taire quelque chose qui pourrait réellement vous soucier, sans comprendre pleinement les ramifications. Ne me dérange pas pendant que j'ajoute ceci à ma configuration babel pour le moment cependant ...: D


NP, je voulais juste ajouter pour l'exhaustivité et pour les autres.


Pourquoi? Le comportement actuel est un bogue (avertissements sur une nouvelle installation), et c'est une solution jusqu'à ce qu'une version fixe soit disponible.


D'accord, j'ai compris. Il n'était pas principalement censé être une critique de la solution proposée mais plus une alternative. Mais c'est aux modérateurs de décider.


Il semble être corrigé avec 2.15.5. Cheerio 🥳.


Ce sont les mods qui ont un voyage électrique, comme d'habitude sur SO. Cette réponse a été vitale pour moi franchement



8
votes

Mise à jour plus récente pour Nuxt 2.15.7

Il semble que certaines erreurs soient de retour avec la dernière version, plus d'informations peuvent être trouvées ici Dernière Nuxt v2.15.7 Installer avec Babel Avertissements d'option "lâches"


Cet ONS est corrigé à partir de nuxt v2.15.5 comme indiqué dans ce problème de github: https://github.com/nuxt/nuxt.js/issues/9224#issuecomment-835742221

Vous pouvez supprimer toutes les résolutions et build.babel.plugins liées à ce bug dans votre configuration nuxt.config.js . De plus, si nécessaire, vous devez réinitialiser:

  • yarn.lock (ou package-lock.json )
  • node_modules / .cache
  • .nuxt

0 commentaires

3
votes

package.json (lorsque mes packages étaient tels que sous)

build: {
  babel: {
    plugins: [
      ['@babel/plugin-proposal-private-property-in-object', { loose: true }]
    ],
  },
}

nuxt.config.js (suivant m'a aidé)

"dependencies": {
  "@nuxtjs/axios": "^5.13.6",
  "core-js": "^3.15.1",
  "nuxt": "^2.15.7",
  "vuetify": "^2.5.5"
},
"devDependencies": {
  "@nuxtjs/vuetify": "^1.12.1"
}


2 commentaires

IS se produit si la version nuxt est entre 2.15.5 et 2.15.7 .


Réponse valide pour nuxt: 2.15.7



31
votes

essayez les ajouter dans nuxt.config.js:

build: {
  babel:{
    plugins: [
      ["@babel/plugin-proposal-class-properties", { "loose": true }],
      ["@babel/plugin-proposal-private-methods", { "loose": true }],
      ["@babel/plugin-proposal-private-property-in-object", { "loose": true }]
    ]
  }  
},


2 commentaires

@ babel / plugin-proposal-private-property-in-object suffit, pas besoin de les avoir tous.


Merci. J'utilise nuxt@2.14.0 et j'obtiens les mêmes avertissements jonchant la console. La répertorie de tous les plugins comme celle-ci a fonctionné pour moi alors que uniquement le listing @ babel / plugin-proposal-private-property-in-object ne l'a pas fait.