Fout: kan module ‘webpack’ niet vinden

Ik ben net begonnen met webpack en heb problemen met het verkrijgen van de multiple-entry -puntenvoorbeeldom te bouwen. Het bestand webpack.config.js in het voorbeeld bevat de regel

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

wat bij mij niet lukt met de fout

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

Toen ik wat rondkeek, vond ik andere voorbeelden van het gebruik van de CommonsChunkPlugin met de uitdrukking

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

wat mislukt met de fout

ReferenceError: webpack is not defined

Nog wat zoekwerk vond een aantal voorbeelden, waaronder

var webpack = require('webpack');

en mijn build mislukt nu met

Error: Cannot find module 'webpack'

Ik weet niet hoe ik verder moet.


Antwoord 1, autoriteit 100%

Link globaal geïnstalleerd pakket aan uw project:

npm link webpack

Bekijk de officiële documentatievan de yarn link.


Antwoord 2, autoriteit 18%

Tijdens het werken op Windows heb ik Webpack lokaal geïnstalleerd en het heeft mijn probleem opgelost

Dus, op uw opdrachtprompt, ga naar de map waarvan u Webpack wilt uitvoeren, Webpack lokaal (zonder de-g) installeer en geniet van …


Antwoord 3, Autoriteit 13%

Ik heb hetzelfde probleem opgelost door opnieuw te installeren, voert deze opdrachten

uit

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

rmis altijd een gevaarlijk commando, vooral met -f, merk op dat voordat u het uitvoert !!!!!


Antwoord 4, Autoriteit 7%

lijkt een gemeenschappelijk ramenprobleem te zijn. Dit heeft het opgelost voor mij:

NODEJS kan geen geïnstalleerde module vinden op Windows?

“Voeg een variabele omgevingsvariabele toe die NODE_PATHinstelt en instellen op %USERPROFILE%\Application Data\npm\node_modules(WINDOWS XP), %AppData%\npm\node_modules(Windows 7), of waar NPM de modules op uw Windows-smaak heeft geïnstalleerd. Om er een keer en voor altijd mee te worden gedaan, voeg dit toe als een systeemvariabele in het tabblad Geavanceerd van het dialoogvenster Systeem Eigenschappen (Run Control.exe SYSDM.CPL, System, 3). “

Merk op dat u geen andere omgevingsvariabele kunt gebruiken binnen de waarde van NODE_PATH. Dat is, kopieer en plak deze string niet alleen, maar stel het in op een daadwerkelijk opgeloste pad zoals C:\Users\MYNAME\AppData\Roaming\npm\node_modules


Antwoord 5, Autoriteit 6%

Voer hieronder opdrachten in terminal uit:

npm install --save-dev webpack

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


Antwoord 6, Autoriteit 3%

Ik had dit probleem op OS X en het leek te worden veroorzaakt door een versie die niet overeenkomt tussen mijn wereldwijd geïnstalleerde webpacken mijn lokaal geïnstalleerde webpack-dev-server. Door beide bij te werken naar de nieuwste versie, was het probleem verholpen.


Antwoord 7

Het installeren van zowel webpack als CLI werkte voor mij wereldwijd.

npm i -g webpack webpack-cli

Antwoord 8

Als je een node-pakket hebt geïnstalleerd en nog steeds een bericht krijgt dat het pakket niet gedefinieerd is, heb je mogelijk een probleem met de koppeling van het PATH naar het binaire bestand. Gewoon om een binair en uitvoerbaar bestand te verduidelijken, doe in wezen hetzelfde, namelijk het uitvoeren van een pakket of toepassing. ei webpack… voert het knooppuntpakket webpack uit.

In zowel Windows als Linux is er een globale binaire map. In Windows geloof ik dat het zoiets is als C://Windows/System32 en in Linux is het usr/bin. Wanneer u de terminal/opdrachtprompt opent, koppelt het profiel ervan de PATH-variabele aan de globale bin-map, zodat u er pakketten/toepassingen van kunt uitvoeren.

Mijn beste gok is dat het globaal installeren van webpack het uitvoerbare bestand mogelijk niet succesvol in de globale binaire map heeft geplaatst. Zonder het uitvoerbare bestand daar, krijgt u een foutmelding. Het kan een ander probleem zijn, maar het is veilig om te zeggen dat als u dit hier leest, het wereldwijd uitvoeren van webpack niet voor u werkt.

Mijn oplossing voor dit probleem is om webpack niet meer globaal uit te voeren en het PATH te koppelen aan de binaire map node_module, namelijk /node_modules/.bin.

WINDOWS:
voeg node_modules/.bin toe aan je PATH.
Hieris een tutorial over het wijzigen van de PATH-variabele in Windows.

LINUX:
Ga naar uw projectwortel en voer deze uit …

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

In Linux moet u deze opdracht uitvoeren telkens wanneer u uw terminal opent. Deze link hier laat zien hoe u een wijziging van uw padvariabele maakt permanent.


Antwoord 9

Op Windows heb ik opgemerkt dat dit probleem verschijnt als u geen administratieve rechten hebt (d.w.z., u bent geen lokale beheerder) op de machine.

Zoals iemand anders heeft gesuggereerd, lijkt de oplossing lokaal te installeren door de -ghint niet te gebruiken.


Antwoord 10

Voor mij is het een verkeerde foutfeedback.

Er was configuratiefout in webpack.config.js,

Verwijder het bestand en begin met opgelost mijn probleem


Antwoord 11

Open NPM-opdrachtprompt en – CD-oplossing map
en dan
Voer gewoon NPM Link Webpack in NPM CMD Prommt en Re-build ..


Antwoord 12

U kunt dit proberen.

npm install --only=dev

het werkt voor mij.


Antwoord 13

Niets voorgesteld dat hierboven voor mij heeft gewerkt (inclusief de Node_Path-variabele). Ik heb een Sym-koppeling van “Node_Modules” gemaakt van mijn lokale map naar de Global AppData (bijvoorbeeld hieronder) en het werkte als charme.

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

Antwoord 14

Net ontdekt dat het gebruik van Atom IDE-terminal geen afhankelijkheden plaatsvond (waarschijnlijk een bug of alleen mij). Installeren van Git Bash Externaal en het uitvoeren van NPM-opdrachten werkte opnieuw voor mij


Antwoord 15

Ik had een hoop problemen om een ​​heel eenvoudige .NET Core 2.0-toepassing te krijgen om in VS 2017 te bouwen. Dit is de fout van Apfaseor, maar het was in wezen in wezen hetzelfde lokaal
(sommige paden weggelaten voor beveiliging):

First-run webpack build …

Module.js: 327
gooi err;

Exec: Fout: kan module ‘…….. / node_modules / webpack / bin / webpack.js’

niet vinden

op functie.module._resoldefilentieam (module.js: 325: 15)

op functie.module._load (module.js: 276: 25)

op functie.module.runmain (module.js: 441: 10)

Bij het opstarten (NODE.JS: 140: 18)

bij node.js: 1043: 3

CSPROJ (25,5): Fout MSB3073: The Command “Knooppunt NODE_MODULES / WEBPACK / BIN / WEBPACK.JS –CONFIG WEBPACK.CONFIG.VENDOR.JS” GESLAAKT MET CODE 1.

bouwen mislukt.

Ik struikelde op deze vraag en antwoord , en Ik heb gemerkt dat mijn lokale voorbeeld ook hetzelfde waarschuwingsbord had over de {Project Root} -> Dependencies -> npmmap. Met de rechtermuisknop en het raken van “Restore Packages” heeft alles goed geladen, en ik was in staat om met succes te bouwen.


Antwoord 16

NPM LINK WEBPACK
werkte voor mij.

Mijn webpack-configuratie:
“Webpack”: “^ 4.41.2”,
“Webpack-dev-server”: “^ 3.9.0”,
“Webpack-cli”: “^ 3.3.10”


Antwoord 17

Voor visuele studio-gebruikers: klik met de rechtermuisknop op de NPM-map en “Pakketten herstellen”.


Antwoord 18

In mijn geval heeft me geholpen bij het wijzigen van de naam van de bovenliggende map en verwijdert u wat &van deze naam, u kunt ook proberen de naam of map te wijzigen waar u uw code behoudt.

Other episodes