Webpack - Dépendance critique : la demande d'une dépendance est une expression

Question

Je reçois trois messages d'avertissement lors de l'importation request dans un projet barebone webpack. Un exemple minimal pour reproduire le bug est disponible sur GitHub (courir npm install y 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 de façon statique pour créer un ensemble minimal. Lorsqu'une bibliothèque utilise des variables ou des expressions dans un appel require (tel que require('' + 'nodent') sur ces lignes de ajv ), Webpack ne peut pas les résoudre de manière statique et importe le paquet entier.

Mon raisonnement est que cette importation dynamique n'est pas souhaitable en production, et qu'il est préférable de garder le code sans avertissement. Cela signifie que je veux toute solution qui résout le problème. Par exemple :

1. Configurez manuellement webpack pour importer les bibliothèques requises et empêcher les avertissements de se produire.
2. Ajout d'un hack.js à mon projet qui remplace les appels require d'une certaine manière.
3. Mise à jour de mes bibliothèques. ajv-5.0.1-beta.3 a un correctif qui fait taire les avertissements. Cependant, si je veux l'utiliser, je dois attendre qu'il soit publié, et ensuite jusqu'à ce qu'il ne soit plus disponible. har-validator y request publier des mises à jour ultérieures. S'il y a un moyen de forcer har-validator pour utiliser la version bêta de ajv cela résoudrait mon problème.
4. Autre

Answer 1

Résolu avec npm install request@2.79.0 --save

Selon les auteurs de ajv Le problème sera vraisemblablement résolu dans la dernière version de l'interface utilisateur. request dans quelques semaines.

Answer 2

Remplacez ceci

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

avec cette

new webpack.ContextReplacementPlugin( /(.+)?angular(\\|\/)core(.+)?/, root('./src'), {} )

Answer 3

Cet avertissement peut être lié aux injections de paquets dans (dependancies ou devDependencies).

Si le problème apparaît soudainement, vérifiez la dernière modification dans votre package.json.

Envisagez de supprimer package-lock.json si vous prévoyez de relancer un projet de npm install .

Answer 4

J'ai eu ce problème dans Angular lorsque j'ai importé EventEmitter de 'protractor' par accident. Je reproche à mon IDE de l'avoir suggéré !

Il doit être importé du noyau :

import { EventEmitter } from '@angular/core';