Errore: impossibile trovare il modulo 'webpack'

Ho appena iniziato con il webpack e ho difficoltà a ottenere il campione di punti di ingresso multipli da compilare. Il file webpack.config.js nell'esempio include la riga

 var CommonsChunkPlugin = require("../../lib/optimize/CommonsChunkPlugin");

che non riesce per me con l'errore

Error: Cannot find module '../../lib/optimize/CommonsChunkPlugin'

Cercando in giro, ho trovato altri esempi di utilizzo di CommonsChunkPlugin con l'espressione

var commonsPlugin = new webpack.optimize.CommonsChunkPlugin("common.js");

che non riesce con l'errore

ReferenceError: webpack is not defined

Altre ricerche hanno trovato una serie di esempi tra cui

var webpack = require('webpack');

e la mia build ora non riesce

Error: Cannot find module 'webpack'

Sono in perdita su come procedere.

Collega il pacchetto installato a livello globale al tuo progetto

npm link webpack

Mentre lavoro su Windows, ho installato il webpack localmente e il problema è stato risolto

Quindi, al prompt dei comandi, vai alla directory di cui vuoi eseguire webpack, installa webpack localmente (senza il -g) e goditi ...

Sembra essere un problema comune di Windows. Questo mi ha risolto:

Nodejs non riesce a trovare il modulo installato su Windows?

"Aggiungi una variabile d'ambiente chiamata NODE_PATHe impostala su %USERPROFILE%\Application Data\npm\node_modules(Windows XP), %AppData%\npm\node_modules(Windows 7) o ovunque npm finisca per installare i moduli sul tuo sapore di Windows. Per farlo una volta per tutte, aggiungi questa come variabile di Sistema in la scheda Avanzate della finestra di dialogo Proprietà del sistema (esegui control.exe sysdm.cpl, Sistema, 3). "

Si noti che non è possibile effettivamente utilizzare un'altra variabile di ambiente nel valore di NODE_PATH. Cioè, non solo copiare e incollare quella stringa sopra, ma impostarla su un percorso risolto comeC:\Users\MYNAME\AppData\Roaming\npm\node_modules

Ho risolto lo stesso problema reinstallando, eseguendo questi comandi

rm -Rf node_modules
rm -f package-lock.json
npm install

rmè sempre un comando pericoloso, soprattutto con -f, si prega di notare che prima di eseguirlo !!!!!

Esegui i comandi seguenti nel Terminale:

npm install --save-dev webpack

npm install --save-dev webpack-dev-server

Stavo riscontrando questo problema su OS X e sembrava essere stato causato da una mancata corrispondenza della versione tra la mia installazione globale webpacke la mia installazione locale webpack-dev-server. L'aggiornamento di entrambi all'ultima versione ha eliminato il problema.

Se hai installato un pacchetto nodo e stai ancora ricevendo un messaggio che il pacchetto non è definito, potresti avere un problema con il PATH che si collega al binario. Solo per chiarire un binario e un eseguibile, essenzialmente fare la stessa cosa, ovvero eseguire un pacchetto o un'applicazione. ei webpack ... esegue il pacchetto webpack del nodo.

In Windows e Linux esiste una cartella binaria globale. In Windows credo sia qualcosa come C: // Windows / System32 e in Linux è usr / bin. Quando si apre il terminale / prompt dei comandi, il suo profilo collega la variabile PATH alla cartella bin globale in modo da poter eseguire pacchetti / applicazioni da esso.

La mia ipotesi migliore è che l'installazione del webpack a livello globale potrebbe non aver inserito correttamente il file eseguibile nella cartella binaria globale. Senza l'eseguibile lì, riceverai un messaggio di errore. Potrebbe essere un altro problema, ma è sicuro dire che se stai leggendo questo, eseguire webpack a livello globale non funziona per te.

La mia risoluzione a questo problema è di eliminare il webpack a livello globale e collegare il PERCORSO alla cartella binaria node_module, che è /node_modules/.bin.

WINDOWS: aggiungi node_modules / .bin al tuo PERCORSO. Ecco un tutorial su come modificare la variabile PATH in Windows.

LINUX: vai alla radice del tuo progetto ed esegui questo ...

export PATH:$PWD/node_modules/.bin:$PATH 

In Linux dovrai eseguire questo comando ogni volta che apri il tuo terminale. Questo link qui ti mostra come rendere permanente una modifica alla tua variabile PATH.

Su Windows, ho osservato che questo problema si presenta se non si dispone dei diritti amministrativi (ovvero se non si è un amministratore locale) sulla macchina.

Come suggerito da qualcun altro, la soluzione sembra essere quella di installare localmente non usando il -gsuggerimento.

Aprire il prompt dei comandi di npm e - cartella della soluzione cd e quindi eseguire npm link webpack in NPM cmd prommt e ricostruire ..

Puoi provare questo.

npm install --only=dev

Per me funziona.

Nulla ha suggerito sopra ha funzionato per me (inclusa la variabile NODE_PATH). Ho creato un link sym di "node_modules" dalla mia cartella locale all'AppData globale (ad es. Sotto) e ha funzionato come un fascino.

C:\Users\mmoinuddin\AppData\Roaming\npm>mklink /D node_modules c:\essportreact\day1\node_modules
symbolic link created for node_modules <<===>> c:\essportreact\day1\node_modules
C:\essportreact\day1>webpack
Hash: 2a82a67f90f9aa05ab4a
Version: webpack 1.15.0

Ho appena scoperto che l'uso del terminale IDE Atom non ha installato dipendenze a livello locale (probabilmente un bug o solo io). Installare git bash esternamente ed eseguire nuovamente i comandi npm ha funzionato per me

per me, è un feedback di errore errato.

si è verificato un errore di configurazione in webpack.config.js,

cancellare il file e ricominciare risolto il mio problema

Ho avuto un sacco di problemi nell'ottenere un'applicazione .NET Core 2.0 molto semplice da compilare in VS 2017. Questo è l'errore di AppVeyor, tuttavia era essenzialmente la stessa cosa localmente (alcuni percorsi omessi per la sicurezza):

Esecuzione della build di Webpack di prima esecuzione ...

module.js: 327 throw err;

EXEC: errore: impossibile trovare il modulo '........ / node_modules / webpack / bin / webpack.js'

at Function.Module._resolveFilename (module.js: 325: 15)

at Function.Module._load (module.js: 276: 25)

at Function.Module.runMain (module.js: 441: 10)

all'avvio (node.js: 140: 18)

su node.js: 1043: 3

csproj (25,5): errore MSB3073: il comando "nodo node_modules / webpack / bin / webpack.js --config webpack.config.vendor.js" è uscito con il codice 1.

Build FAILED.

Mi sono imbattuto in questa domanda e risposta e ho notato che anche la mia istanza locale aveva lo stesso segnale di avvertimento sulla {Project Root} -> Dependencies -> npmcartella. Facendo clic con il tasto destro e premendo "Ripristina pacchetti" tutto è stato caricato correttamente e sono stato in grado di compilare correttamente.

npm link webpack ha funzionato per me.

La mia configurazione webpack: "webpack": "^ 4.41.2", "webpack-dev-server": "^ 3.9.0", "webpack-cli": "^ 3.3.10"

L'installazione di webpack e CLI a livello globale ha funzionato per me.

npm i -g webpack webpack-cli