Webpack - Critique de la dépendance: la demande d'une dépendance est une expression

Je reçois trois messages d'avertissement lors de l'importation de request dans un barebone webpack projet. Un exemple minimal de reproduire le bug est disponible sur GitHub (exécuter npm install et npm start).

Critical dependency: the request of a dependency is an expression

Comment puis-je me débarrasser de cet avertissement?

Plus d'informations:

Webpack essaie de résoudre require appels de façon statique à faire un minimum de bundle. Lorsqu'une bibliothèque utilise des variables ou des expressions dans un besoin d'appeler (comme require('' + 'nodent') dans ces lignes de ajv), Webpack ne peut pas les résoudre de manière statique et les importations de l'ensemble.

Mon raisonnement est que cette dynamique d'importation n'est pas souhaitable dans la production, et le code est mieux gardé de l'avertissement-gratuit. Cela signifie que je veux une solution qui résout le problème. E. g.:

  1. Configurer manuellement webpack pour importer les bibliothèques requises et de prévenir les mises en garde de se produire.
  2. L'ajout d'un hack.js fichier de mon projet qui l'emporte sur le besoin des appels d'une certaine façon.
  3. La mise à niveau de mes bibliothèques. ajv-5.0.1-beta.3 a un correctif que les silences les avertissements. Cependant, si je veux l'utiliser, je dois attendre jusqu'à ce qu'il est libéré, puis jusqu'à har-validator et request libérer les mises à jour ultérieures. Si il y a un moyen de forcer har-validator l'utilisation de la version bêta de ajv, qui permettrait de résoudre mon problème.
  4. Autres
  • 1. github.com/epoberezkin/ajv/issues/117#issuecomment-198328830 2. Je ne pense pas que ça marchera 3. vous aurez à attendre un peu.
  • que github commentaire semble être ce que je suis en train de regarder pour, mais il ne fait pas taire les avertissements. Si je l'ai changer pour new webpack.IgnorePlugin(/async/, /ajv/), deux des trois avertissements ont disparu mais webpack Cannot find module "../async". Aucune idée sur la valeur magique pour le faire fonctionner?
  • Le lien vers le github exemple de code est cassé. Pls mettre le code directement dans la question.
InformationsquelleAutor Jodiug | 2017-03-20
  1. 22

    Résolu avec npm install [email protected] --save

    Selon les auteurs de ajv, le problème sera probablement résolu dans la dernière version de request dans quelques semaines.

    • Cette erreur est irréel ennuyeux. Toujours pas résolue, les sauts de une tonne de bibliothèques.
    • Je ne suis pas en mesure de l'obtenir pour fonctionner avec n'importe quelle version
    • essayez npm remove request et réinstaller, puis dans package.json supprimer la ^ avant le numéro de version. Si vous laissez le ^, le package peut être mis à jour après une npm update et l'avertissement réapparaît.
    • Ne fonctionne pas pour moi. Mais la suggestion de @DhirendraNk dans une autre réponse, qui est de remplacer la webpack.ContextReplacementPlugin a fonctionné pour moi.
    • Ne fonctionne pas pour moi.
    InformationsquelleAutor Jodiug
  2. 6

    Remplacer ce

    new webpack.ContextReplacementPlugin(
        /angular(\\|\/)core(\\|\/)@angular/,
        helpers.root('./src'), //location of your src
        {} //a map of your routes
    ),

    avec ce-

    new webpack.ContextReplacementPlugin( /(.+)?angular(\\|\/)core(.+)?/, root('./src'), {} )
    • Ce n'travail. Il serait agréable pour une explication plus approfondie pour expliquer pourquoi l'expression régulière modification corrige ce problème.
    • Cela fonctionne pour moi, c'est ennuyeux de voir l'avertissement, merci.
    • est-ce quelqu'un sait où trouver ce code? Je suis incapable de trouver le code à remplacer.
    • Cela fonctionne parce que vous dites la System.Import fonction où trouver le code source dans le node_modules dossier. Le chemin change selon l'angle de la version que vous utilisez. Il devrait être mieux gérées par l'Angulaire de l'équipe, nous espérons que cela a déjà été.
    InformationsquelleAutor DhirendraNk