Hata: 'webpack' modülü bulunamıyor


152

Ben sadece webpack ile başlıyorum ve inşa etmek için çoklu giriş noktaları örnek almakta zorluk yaşıyorum . Örnekteki webpack.config.js dosyası satırı içerir

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

bu benim için hata ile başarısız

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

Etrafa baktığımda, CommonsChunkPlugin ifadesiyle birlikte kullanmanın başka örneklerini buldum

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

hata ile başarısız olan

ReferenceError: webpack is not defined

Bazı aramalarda,

var webpack = require('webpack');

ve yapım şimdi başarısız oluyor

Error: Cannot find module 'webpack'

Nasıl ilerleyeceğime dair kaybım var.


2
Daha npm install webpackönce koştun mu?
Johannes Ewald

Evet. Webpack yüklü ve diğer örnekler üzerinde çalışıyor. Sorunla karşılaştığım çoklu giriş noktaları örneği için eklenti eklemeye çalışıyordu.
Ed.

Error: Cannot find module 'webpack'bir düğüm hatasıdır. Yani bunun webpack'in kendisi ile ilgisi yok (afaict). Düğüm yanlış klasörlere bakıyor gibi görünüyor ...
Johannes Ewald

6
Anladım, npm install -g webpackbenim için de çalışmadı. Ancak bunu yapar npm install webpack- aradığınızda uygulamanın kök klasöründe olduğunuzdan emin olun npm install webpackve modülün node_modulesklasörde olup olmadığını kontrol edin . Ayrıca linux sistemlerde webpackihtiyaç fsevents(isteğe bağlı) modül görünüyor - Windows kullanıyorum bu yüzden emin değilim - fseventsayrıca yüklemeyi deneyin
AndreiDMS

3
Yukarıda söylediğim gibi, global kurulum da benim için çalışmadı, bu yüzden webpackyerel uygulama klasörüne yüklemeyi deneyin npm install webpack, olmadan-g
AndreiDMS

Yanıtlar:


273

Global olarak yüklenen paketi projenize bağlayın

npm link webpack

7
Bu en basit cevap.
Thomas W

1
Bu ayar hangi dosyayı etkiler? Json dosyalarında herhangi bir değişiklik görmedim. Lütfen biraz açıklayabilir misiniz?
Royi Namir

bağlantıyı kaldırmak için yine de görünmüyor. webpack-dev-server bundan sonra çöktü.
Plankton

Bir ay çalışamadıktan sonra vazgeçip Angularjs ile çalışmaya devam etmeye çok yakındım. Bu nihayet işe yaradı! Teşekkür ederim.
NestorArturo

webpack yüklüyorum, ancak herhangi bir parametre gösterisi olmadan webpack'i çalıştırıyorum, bu tür bir mesaj: hangisini yüklemeyi seversiniz (webpack-cli / web-command)
Ng Sharma

60

Windows üzerinde çalışırken, web paketini yerel olarak yükledim ve sorunumu düzeltti

Komut isteminizde, webpack'i çalıştırmak istediğiniz dizine gidin, web paketini yerel olarak (-g olmadan) yükleyin ve keyfini çıkarın ...


10
ama nasıl "yerel" yüklemek için bahsetmedim
jpganz18

yerel olarak npm install webpack, belirtildiği gibi -g kullanmadan. Bu benim durumumda işe yaradı.
Honza P.

24

Sık karşılaşılan bir Windows sorunu gibi görünüyor. Bu benim için düzeltti:

Düğümler yüklü modülü Windows'ta bulamıyor mu?

"Adlı bir ortam değişkeni ekleyin NODE_PATHve %USERPROFILE%\Application Data\npm\node_modules(Windows XP) olarak ayarlayın,%AppData%\npm\node_modules Adlı (Windows 7) 'ye ya da npm'in Windows lezzetinize modülleri yüklediği her yere ayarlayın. Bunu bir kez ve herkes için bir Sistem değişkeni olarak ekleyin. Sistem Özellikleri iletişim kutusunun Gelişmiş sekmesini (run control.exe sysdm.cpl, Sistem, 3) seçin. "

Değeri içinde başka bir ortam değişkeni kullanamayacağınızı unutmayın NODE_PATH. Yani, sadece bu dizeyi kopyalayıp yapıştırmakla kalmayın, aynı zamanda gerçek bir çözülmüş yola da ayarlayın.C:\Users\MYNAME\AppData\Roaming\npm\node_modules


1
Windows 10'da benim için çalışmıyor. node_modulesC:\Users\MYNAME\AppData\Roaming\npm`. I tried to set C:\Program Files (x86)\nodejs\node_modules
NODE_PATH`

3
Windows'un 10 benim için sadece para cezası çalışır: setx NODE_PATH %AppData%\npm\node_modules. Değişken kullanılabilir duruma cmdgelmeden NODE_PATHveya ayrıca çalıştırılmadan önce yeniden başlatmanız gerekebilir set NODE_PATH=%AppData%\npm\node_modules.
Nux

23

Yeniden yükleyerek aynı sorunu çözdüm, bu komutları yürütün

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

rmher zaman tehlikeli bir komut, özellikle ile -f, lütfen çalıştırmadan önce dikkat edin !!!!!


2
package-lock.json suçlu
Sérgio S. Filho

17

Terminal'de aşağıdaki komutları çalıştırın:

npm install --save-dev webpack

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


9

OS X'te bu sorunu yaşıyordum ve genel olarak yüklenen webpackve yerel olarak yüklenenlerim arasındaki sürüm uyumsuzluğundan kaynaklanıyor gibi görünüyordu webpack-dev-server. Her ikisini de en son sürüme güncellemek sorundan kurtuldu.


bu da benim için çalıştı, bu yüzden bu sorun varsa çeşitli senaryolar altında dikkate değer olduğunu düşünüyorum.
JL Peyret

2

Bir düğüm paketi yüklediyseniz ve paketin tanımsız olduğunu bildiren bir ileti alıyorsanız, PATH'nin ikili dosyaya bağlanmasıyla ilgili bir sorununuz olabilir. Sadece bir ikili ve yürütülebilir dosyayı açıklığa kavuşturmak için esasen aynı şeyi yapın, bu da bir paket veya uygulama yürütmektir. ei webpack ... düğüm paketi webpack'i yürütür.

Hem Windows hem de Linux'ta küresel bir ikili klasör vardır. Windows'da bunun C: // Windows / System32 gibi bir şey olduğuna ve Linux'ta usr / bin olduğuna inanıyorum. Terminal / komut istemini açtığınızda, profili PATH değişkenini global bin klasörüne bağlar, böylece paketleri / uygulamaları yürütebilirsiniz.

En iyi tahminim, web paketini global olarak yüklemenin, yürütülebilir dosyayı küresel ikili klasöre başarıyla koymamış olabileceğidir. Buradaki yürütülebilir dosya olmadan bir hata mesajı alırsınız. Başka bir sorun olabilir, ancak bunu burada okuyorsanız, web paketini küresel olarak çalıştırmanın sizin için çalışmadığını söylemek güvenlidir.

Bu sorunla ilgili çözümüm, web paketini global olarak çalıştırmaktan ve PATH'ı /node_modules/.bin olan node_module ikili klasörüne bağlamaktır.

WINDOWS: PATH'nize node_modules / .bin ekleyin. İşte pencerelerde YOL değişkeni değiştirmek için nasıl bir öğretici olduğunu.

LINUX: Proje köküne gidin ve bunu yürütün ...

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

Linux'ta terminalinizi her açtığınızda bu komutu yürütmeniz gerekecektir. Buradaki bağlantı, PATH değişkeninizde nasıl kalıcı değişiklik yapacağınızı gösterir.


1

Windows'ta, makinede yönetici haklarınız yoksa (yani, yerel bir yönetici değilseniz) bu sorunun ortaya çıktığını gözlemledim.

Başka birinin önerdiği gibi, çözüm -gipucunu kullanmadan yerel olarak kurmak gibi görünüyor .


1

Açık npm komut istemi ve - cd çözüm klasörü ve sonra sadece npm bağlantı webpack npm cmd prommt çalıştırmak ve yeniden inşa ..


1

Bunu deneyebilirsiniz.

npm install --only=dev

Benim için çalışıyor.


0

Yukarıda önerilen hiçbir şey benim için işe yaramadı (NODE_PATH değişkeni dahil). Yerel klasörümden (örneğin aşağıdaki) yerel klasörümden "node_modules" ifadesini oluşturdum ve çekicilik gibi çalıştı.

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

0

Atom IDE terminalini kullanmanın yerel olarak bağımlılıkları yüklemediğini öğrendim (muhtemelen bir hata ya da sadece ben). Git bash'ı harici olarak kurmak ve npm komutlarını çalıştırmak benim için tekrar çalıştı


0

benim için yanlış bir hata geri bildirimi.

içinde yapılandırma hatası vardı webpack.config.js,

dosyayı sil ve baştan başla sorunumu çözdüm


0

VS 2017'de inşa etmek için çok basit bir .NET Core 2.0 uygulaması elde etme sorunları bir ton vardı. Bu AppVeyor hata, ancak aslında yerel olarak aynı şey (güvenlik için bazı yollar atlandı):

İlk çalıştırma Webpack derlemesi gerçekleştiriliyor ...

module.js: 327 atış hatası;

YÜRÜ: hata: '........ / node_modules / webpack / bin / webpack.js' modülü bulunamıyor

Function.Module._resolveDosya Adı (module.js: 325: 15)

Function.Module._load'da (module.js: 276: 25)

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

başlangıçta (node.js: 140: 18)

at node.js: 1043: 3

csproj (25,5): hata MSB3073: "kod node_modules / webpack / bin / webpack.js --config webpack.config.vendor.js" komutu kod 1'den çıktı.

Yapı hatalı oldu.

Ben bu soru ve cevap tökezledi ve yerel örneği de {Project Root} -> Dependencies -> npmklasör üzerinde aynı uyarı işareti olduğunu fark ettim . Sağ tıklamak ve "Paketleri geri yükle" yi tıklamak her şeyi düzgün bir şekilde yükledi ve başarılı bir şekilde inşa edebildim.


0

npm link webpack benim için çalıştı.

Webpack yapılandırmam: "webpack": "^ 4.41.2", "webpack-dev-server": "^ 3.9.0", "webpack-cli": "^ 3.3.10"


0

Hem webpack'i hem de CLI'yi kurmak dünya çapında benim için çalıştı.

npm i -g webpack webpack-cli
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.