“Une seule instance de babel-polyfill est autorisé”

J'ai besoin d'aide pour diagnostiquer et à réparer cette erreur:

"Error: only one instance of babel-polyfill is allowed"

J'ai de la suite dans mon colis.json:

"devDependencies": {
    "babel-core": "^6.23.1",
    "babel-jest": "^19.0.0",
    "babel-loader": "^6.3.2",
    "babel-plugin-transform-object-rest-spread": "^6.23.0",
    "babel-preset-es2015": "^6.22.0",
    "babel-preset-react": "^6.23.0" ...

"dependencies": {
    "babel-polyfill": "^6.23.0" ...

Et ce et ce la ligne d'entrée dans mon webpack config:

entry: ["babel-polyfill", path.resolve(APP_PATH, 'index')],
...
module: {
 rules: [
  {
    test: /\.js$/,
    exclude: /node_modules/,
    loader: 'babel-loader',
    query: {
      //specify that we will be dealing with React code
      presets: ['react', 'es2015']
    }
  }
]}
Ressemble le coupable est HtmlWebpackPlugin dans mon webpack config. Si je supprimer ce plugin, j'ai l'erreur disparaît.
essayez de changer l'entrée: ["babel-polyfill", le chemin d'accès.résoudre(APP_PATH, 'index')] à l'entrée: [chemin d'accès.résoudre(APP_PATH, 'index')]
Je suis à l'aide de babel-polyfill, donc je dois l'avoir quelque part. Je peux aussi ajouter une importation quelque part au lieu de cela, mais j'obtiens le même message d'erreur alors. Si je le supprime, j'obtiens une erreur: Uncaught ReferenceError: regeneratorRuntime n'est pas défini.

OriginalL'auteur foobar | 2017-05-10

  1. 9

    Si le coupable est HtmlWebpackPlugin, vous devez ajouter l'option inject: false lors de l'instanciation du plugin. Certaines configurations sans cette option permet à votre intégré de code javascript à être chargé à deux reprises.

    Cela a fonctionné pour moi
    Merci beaucoup pour cette réponse! A fonctionné pour moi aussi

    OriginalL'auteur Aethix

  2. 3

    Only one instance of babel-polyfill is allowed apparaît généralement lorsque l'ordre des fichiers de l'envelopper n'est pas correcte lors de l'utilisation de CommonsChunkPlugin ou HtmlWebpackPlugin.

    pour HtmlWebpackPlugin vous pouvez trier manuellement vos fichiers avec chunksSortMode

    À l'aide de "webpack": "^1.14.0":

    new HtmlWebpackPlugin({
  ...
  chunksSortMode: 'dependency',
  ...
}),

    Source: gdi2290 @ GitHub - 1 Juil. 2016 /22 Janv. 2018

    OriginalL'auteur Wouter Vanherck

  3. 3

    Idempotent Babel Polyfill peuvent être importés à plusieurs reprises

    Installer à partir de MNP

    npm install --save idempotent-babel-polyfill

    Puis de l'importer

    import 'idempotent-babel-polyfill';

    OriginalL'auteur Jam Risser

  4. 0

    Vous souhaitez peut-être obtenir indirectement à partir d'une autre babel module.

    Solutions Possibles:

    1. Faire toutes les versions de babel modules de même.L'erreur éventuelle est à cause des différentes versions de babel-polyfil.
    2. Supprimer babel-polyfil de colis.json de sorte qu'il sera utilisé à partir

      babel-plugin-transformer-objet-repos-propagation.

    de référence:
    https://github.com/babel/babel/issues/1019

    commentaire par jameslk

    J'ai tout compris de toute façon. Il ressemble à babel-exécution a été déplacé à babel-plugin-transformation d'exécution, et ce doit être ajouté à la liste des plugins à utiliser. Aurait aidé si cela a été documenté quelque part.

    Désolé pour la réponse tardive et merci beaucoup pour votre réponse. J'ai essayé quelques petites choses et finit par enlever HtmlWebpackPlugin de mes dépendances. Pas une solution idéale, mais au moins, l'erreur a disparu. Considérant que les deux solutions que vous avez fournies: 1. Je n'ai pu trouver un babel-polyfill installation dans mon nœud-modules, 2. après la suppression de babel-polyfill j'obtiens toujours la même erreur. Je pense que le problème c'est que j'ai eu babel-cli et html-webpack-plugin dans mes dépendances et je ne comprenais pas comment les faire co-exister.

    OriginalL'auteur m.rohail.akram