DeprecationWarning: Tapable.le plugin est obsolète. Utiliser les nouvelles API.crochets à la place

J'ai essayé d'exécuter le Vuetify VueJS Cordova exemple mais eu cette erreur après npm run dev

nœud build/dev-server.js

De départ serveur de dev... (noeud:1024) DeprecationWarning: Tapable.le plugin est obsolète. Utiliser les nouvelles API sur .hooks au lieu
(node:1024) DeprecationWarning: Tapable.appliquer est obsolète. Appel
appliquer sur le plugin directement au lieu

Comment résoudre ce problème?
J'ai déjà mettre à jour tous les packages NPM, n'a pas aider.

OriginalL'auteur Tom | 2018-04-20

  1. 16

    La dépréciation du message:

    DeprecationWarning: Tapable.appliquer est obsolète. Appel de postuler sur le
    plugin directement au lieu

    DeprecationWarning: Tapable.le plugin est obsolète. Utiliser les nouvelles API
    .hooks au lieu

    Est juste un avertissement:

    Voici un résumé rapide pour tout le monde rencontre ce message.

    Quel est ce message?

    webpack 4 est à l'aide d'un nouveau système de plugin, et dénonçait la précédente Api. Il y a 2 nouvelles mises en garde:

    DeprecationWarning: Tapable.apply is deprecated. Call apply on the plugin directly instead
DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead

    Ces sont des avertissements. Ils sont affichés dans la console pour mettre en garde nos utilisateurs qu'ils sont à l'aide de la vétusté de l'API et de la migration vers le
    les plus récents.

    Comment mauvais sont ces avertissements?

    Ils ne sont qu'une information textuelle, pas d'erreurs. Si vous voyez un DeprecationWarning vous pouvez l'ignorer
    jusqu'à ce que vous devez mettre à jour à la prochaine version majeure de webpack.

    Si vous n'avez rien ou faut faire à ce sujet.

    Autre que cela, j'ai confiance que vous recevez un message d'erreur tel que:

    /tmp/my-project> npm run dev

> [email protected] dev /tmp/my-project/my-project
> node build/dev-server.js

> Starting dev server...
(node:29408) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead
(node:29408) DeprecationWarning: Tapable.apply is deprecated. Call apply on the plugin directly instead
/tmp/my-project/node_modules/html-webpack-plugin/lib/compiler.js:81
        var outputName = compilation.mainTemplate.applyPluginsWaterfall('asset-path', outputOptions.filename, {
                                                  ^

TypeError: compilation.mainTemplate.applyPluginsWaterfall is not a function
    at /tmp/my-project/node_modules/html-webpack-plugin/lib/compiler.js:81:51
    at compile (/tmp/my-project/node_modules/webpack/lib/Compiler.js:242:11)
    at hooks.afterCompile.callAsync.err (/tmp/my-project/node_modules/webpack/lib/Compiler.js:487:14)
    at AsyncSeriesHook.eval [as callAsync] (eval at create (/tmp/my-project/node_modules/tapable/lib/HookCodeFactory.js:24:12), <anonymous>:15:1)
    at AsyncSeriesHook.lazyCompileHook [as _callAsync] (/tmp/my-project/node_modules/tapable/lib/Hook.js:35:21)
    at compilation.seal.err (/tmp/my-project/node_modules/webpack/lib/Compiler.js:484:30)
    at AsyncSeriesHook.eval [as callAsync] (eval at create (/tmp/my-project/node_modules/tapable/lib/HookCodeFactory.js:24:12), <anonymous>:6:1)
    at AsyncSeriesHook.lazyCompileHook [as _callAsync] (/tmp/my-project/node_modules/tapable/lib/Hook.js:35:21)
    at hooks.optimizeAssets.callAsync.err (/tmp/my-project/node_modules/webpack/lib/Compilation.js:966:35)
    at AsyncSeriesHook.eval [as callAsync] (eval at create (/tmp/my-project/node_modules/tapable/lib/HookCodeFactory.js:24:12), <anonymous>:6:1)
    at AsyncSeriesHook.lazyCompileHook [as _callAsync] (/tmp/my-project/node_modules/tapable/lib/Hook.js:35:21)
    at hooks.optimizeChunkAssets.callAsync.err (/tmp/my-project/node_modules/webpack/lib/Compilation.js:957:32)
    at AsyncSeriesHook.eval [as callAsync] (eval at create (/tmp/my-project/node_modules/tapable/lib/HookCodeFactory.js:24:12), <anonymous>:6:1)
    at AsyncSeriesHook.lazyCompileHook [as _callAsync] (/tmp/my-project/node_modules/tapable/lib/Hook.js:35:21)
    at hooks.additionalAssets.callAsync.err (/tmp/my-project/node_modules/webpack/lib/Compilation.js:952:36)
    at AsyncSeriesHook.eval [as callAsync] (eval at create (/tmp/my-project/node_modules/tapable/lib/HookCodeFactory.js:24:12), <anonymous>:6:1)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] dev: `node build/dev-server.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

    Vous devez mettre à jour votre html-webpack-plugin à la la dernière version:

    npm install --save-dev html-webpack-plugin@3

    Et l'erreur devrait disparaître.

    Note: j'ai créé un PR de leurs pensions de corriger ceci: github.com/vuetifyjs/cordova/pull/18
    Aussi cette erreur vient après npm run android : throw new Error( ^ Erreur: la variable de Chemin d'accès [contenthash] pas mis en œuvre dans ce contexte: css/[nom].[contenthash].css j'ai mis à jour tous les paquets incl. Webpack et les "mini-css-extrait-plugin" mais il n'a pas corrigé l'erreur. Des idées?
    Je ne suis pas en mesure de tester avec android, mais il y a eu certains développements: La PR a été acceptée et il semble que les autres problèmes (si ce n'est déjà corrigé) ont des solutions de contournement -- voir la discussion github.com/vuetifyjs/cordova/issues/19.
    Merci, je l'ai eu à travailler maintenant. Est-il possible de compiler l'application Android .apk directement à partir de la console ou dois-je aller une étape supplémentaire avec Android Studio?
    Honnêtement, je n'ai pas développé pour android (je sais mnp, tout de même). Mais il semble que vous utilisez le cordova client, tels que cordova build pour obtenir le apk.

    OriginalL'auteur acdcjunior

  2. 10

    Il existe plusieurs plugins qui pourraient être à l'origine de ce message d'avertissement sur le Webpack 4 parce qu'ils sont encore à l'aide de l'ancien plugin API, ils ont besoin d'être mis à niveau vers la dernière version. Pour trouver quel plugin(s) est à l'origine de l'avertissement, le mettre sur le haut de votre webpack fichier de config:

    process.traceDeprecation = true

    Vous permettra d'afficher une trace de la pile comme ceci:

     (node:10213) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead
   at FriendlyErrorsWebpackPlugin.apply (./node_modules/friendly-errors-webpack-plugin/src/friendly-errors-plugin.js:39:14)
   at webpack (./node_modules/webpack/lib/webpack.js:37:12)
   at processOptions (./node_modules/webpack-cli/bin/webpack.js:436:16)
   at <anonymous>
   at process._tickCallback (internal/process/next_tick.js:160:7)
   at Function.Module.runMain (module.js:703:11)
   at startup (bootstrap_node.js:193:16)
   at bootstrap_node.js:617:3

    Dans ce cas, il signifie friendly-errors-webpack-plugin est le responsable de l'avertissement.

    Sinon, vous pouvez exécuter votre nœud processus d'ajout de l' --trace-deprecation drapeau.

    Après avoir trouvé le plugin qui est à l'origine de l'avertissement de mise à niveau à l'aide de votre colis à manger, et l'avertissement doit s'en aller:

    yarn upgrade friendly-errors-webpack-plugin

    Si vous wan pas entièrement supprimer la dépréciation des avertissements comme celui-ci (NON RECOMMANDÉ), l'utilisation process.noDeprecation = true

    Cela a fonctionné pour moi de trouver rapidement la question, j'espère que cela aide les autres.

    OriginalL'auteur Maikel Ruiz

  3. 4

    J'ai été confronté au même problème. Résolu à l'aide de cette commande:-

    npm install --save-dev extrait de texte-webpack-plugin@next 

    NPM 6.4.1
Node 10.9.0
Webpack 4.22.0

    OriginalL'auteur Nidhi

  4. 0

    Dans mon cas, le problème a été en webpack-nettoyage-plugin. J'ai fixé après le remplacement de ce plugin clean-auto-webpack-plugin.

    OriginalL'auteur Дмитрий Дорогонов

  5. 0

    J'ai rencontré ce problème lorsque j'ai tenté d'exécuter webpack-dev-serveur à deux reprises, en cours d'exécution dans un terminal, un autre que j'ai essayé de l'exécuter dans un terminal différent. Exécute un seul résolu le problème.

    OriginalL'auteur hsintuit