Webpack - krytyczna zależność: żądanie zależności jest wyrażeniem

86

Otrzymuję trzy komunikaty ostrzegawcze podczas importowania requestw projekcie pakietu webowego w wersji szkieletowej. Minimalny przykład odtworzenia błędu jest dostępny na GitHub (uruchom npm installi npm start).

Critical dependency: the request of a dependency is an expression

Jak mogę pozbyć się tego ostrzeżenia?

Więcej informacji:

Webpack próbuje rozwiązać requirepołączenia statycznie, aby utworzyć minimalny pakiet. Kiedy biblioteka wykorzystuje zmienne lub wyrażenia w sposób wymaga połączenia (takie jak require('' + 'nodent')w tych liniach o ajv) WebPACK nie można rozwiązać je statycznie i importu cały pakiet.

Moje uzasadnienie jest takie, że ten dynamiczny import nie jest pożądany w produkcji, a kod powinien być chroniony przed ostrzeżeniami. Oznacza to, że chcę dowolnego rozwiązania, które rozwiązuje problem. Na przykład:

Ręcznie skonfiguruj pakiet internetowy, aby zaimportować wymagane biblioteki i zapobiec wystąpieniu ostrzeżeń.
Dodanie hack.jspliku do mojego projektu, który w jakiś sposób zastępuje wywołania wymagania.
Aktualizuję moje biblioteki. ajv-5.0.1-beta.3ma poprawkę, która wycisza ostrzeżenia. Jeśli jednak chcę z niego korzystać, muszę poczekać, aż zostanie wydany, a następnie do har-validatori requestwydać kolejne aktualizacje. Jeśli istnieje sposób na wymuszenie har-validatorkorzystania z wersji beta ajv, rozwiązałoby to mój problem.
Inny

webpack request ajv

— Jodiug
źródło

1. github.com/epoberezkin/ajv/issues/117#issuecomment-198328830 2. Myślę, że to nie zadziała 3. Będziesz musiał trochę poczekać.

— szczególnie

@esp: ten komentarz na githubie wydaje się być tym, czego szukam, ale nie ucisza ostrzeżeń. Jeśli zmienię to na new webpack.IgnorePlugin(/async/, /ajv/), dwa z trzech ostrzeżeń znikną, ale pakiet webowy Cannot find module "../async". Masz jakiś pomysł na temat odpowiedniej wartości magicznej, aby to zadziałało?

— Jodiug

Link do przykładu kodu github jest uszkodzony. Pls umieścić kod bezpośrednio w pytaniu.

— CodeChimpy

25

Rozwiązany z npm install request@2.79.0 --save

Zdaniem autorów ajvproblem zostanie prawdopodobnie rozwiązany w najnowszej wersji requestza kilka tygodni.

— Jodiug
źródło

@maembe spróbuj npm remove requestponownie zainstalować, a następnie package.jsonusuń ^przed numerem wersji. Jeśli opuścisz ^, pakiet może zostać zaktualizowany po znaku npm updatei ostrzeżenie pojawi się ponownie.

— Jodiug,

Nie działa dla mnie. Ale sugestia @DhirendraNk w innej odpowiedzi poniżej, czyli zamiana webpacka.ContextReplacementPlugin zadziałała dla mnie.

— Will

10

Zastąp to

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

z tym-

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

— DhirendraNk
źródło

8

To działa. Byłoby miło, gdybyśmy uzyskali bardziej szczegółowe wyjaśnienie, dlaczego zmiana wyrażenia regularnego rozwiązuje ten problem.

— atconway

To działa dla mnie, denerwujące było zobaczenie ostrzeżenia, dzięki.

— Will

2

czy ktoś wie, gdzie znaleźć ten kod? Nie mogę znaleźć kodu do zastąpienia.

— Prem popatia

2

To działa, ponieważ mówisz System.Importfunkcji, gdzie znaleźć kod źródłowy w node_modulesfolderze. Ścieżka zmienia się w zależności od używanej wersji Angular. Powinien lepiej sobie z tym poradzić zespół Angular, mam nadzieję, że już tak było.

— Robert Brisita

1

To ostrzeżenie można powiązać z wstrzyknięciami pakietów w (zależności lub devDependencies).

Jeśli problem pojawi się nagle, sprawdź ostatnią modyfikację w pliku package.json.

Rozważ usunięcie package-lock.json, jeśli planujesz ponownie uruchomić plik npm install.

— KŁAMSTWA - CHIOUKH
źródło