त्रुटि: मॉड्यूल 'वेबपैक' नहीं ढूँढ सकता

Question

मैं अभी वेबपैक के साथ शुरुआत कर रहा हूं और निर्माण के लिए कई-प्रवेश-बिंदुओं के नमूने प्राप्त करने में कठिनाई हो रही है । उदाहरण में webpack.config.js फ़ाइल में लाइन शामिल है

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

जो त्रुटि के साथ मेरे लिए विफल रहता है

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

आसपास खोज करने पर, मुझे अभिव्यक्ति के साथ CommonsChunkPlugin का उपयोग करने के अन्य उदाहरण मिले

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

जो त्रुटि के साथ विफल हो जाता है

ReferenceError: webpack is not defined

कुछ और खोज सहित कई उदाहरण मिले

var webpack = require('webpack');

और मेरा निर्माण अब विफल रहता है

Error: Cannot find module 'webpack'

मैं आगे बढ़ने के नुकसान के रूप में हूं।

Comments

क्या आप npm install webpackपहले भागे थे?

— जोहान्स इवाल्ड

हाँ। वेबपैक स्थापित किया गया है और अन्य उदाहरणों पर काम कर रहा है। यह बहु-प्रवेश-बिंदु उदाहरण के लिए प्लगइन को जोड़ने की कोशिश में था कि मैं मुसीबत में चला गया।

— एड।

Error: Cannot find module 'webpack'एक नोड त्रुटि है। इसलिए इसका वेबपैक से कोई लेना देना नहीं है (afaict)। ऐसा लगता है कि नोड गलत फ़ोल्डर में दिख रहा है ...

— जोहान्स इवाल्ड

मैं देख रहा हूँ, npm install -g webpackमेरे लिए भी काम नहीं किया। लेकिन यह करता है npm install webpack- सुनिश्चित करें कि आप एप्लिकेशन रूट फ़ोल्डर में हैं जब आप कॉल करते हैं npm install webpackतो जांचें कि क्या मॉड्यूल node_modulesफ़ोल्डर में मौजूद है । यह भी लगता है कि लिनक्स सिस्टम पर webpackजरूरतों fsevents(वैकल्पिक) मॉड्यूल - मैं विंडोज का उपयोग कर रहा हूं, इसलिए मुझे यकीन नहीं है - fseventsयह भी स्थापित करने की कोशिश करें

— आंद्रेईडीएमएस

जैसा कि मैंने ऊपर कहा, वैश्विक स्थापना ने मेरे लिए काम नहीं किया, इसलिए webpackस्थानीय ऐप फ़ोल्डर में स्थापित करने का प्रयास करें npm install webpack, बिना उपयोग किए,-g

— आंद्रेईडीएमएस

Answer 1

विश्व स्तर पर स्थापित पैकेज को अपनी परियोजना से लिंक करें

npm link webpack

Comments

यह वहाँ बाहर सबसे सरल जवाब है।

— थॉमस डब्ल्यू

यह सेटिंग किस फ़ाइल को प्रभावित करती है? मुझे json फाइलों में कोई बदलाव नहीं दिखाई दिया। क्या आप कृपया विस्तार से बता सकते हैं?

— रॉय नमिर

वहाँ वैसे भी लगता नहीं है। इसके बाद webpack-dev-server क्रैश हो गया।

— प्लैंकटन

एक महीने के बाद यह काम करने में सक्षम नहीं होने के कारण मैं हार मानने और अंगुलरज के साथ काम करने के बहुत करीब था। यह आखिरकार काम कर गया! धन्यवाद।

— नेस्टरऑर्टुरो

मैं वेबपैक स्थापित कर रहा हूं, लेकिन मैं बिना किसी पैरामीटर शो के वेबपैक चलाता हूं, इस प्रकार का संदेश: जिसे आप स्थापित करना पसंद करते हैं (वेबपैक-क्लाई / वेब-कमांड)

— एनजी शर्मा

Answer 2

खिड़कियों पर काम करते समय, मैंने स्थानीय रूप से वेबपैक स्थापित किया है और इसने मेरी समस्या को ठीक कर दिया है

इसलिए, अपने कमांड प्रॉम्प्ट पर, उस निर्देशिका पर जाएं, जिसके लिए आप वेबपैक चलाना चाहते हैं, वेबपैक को स्थानीय रूप से इंस्टॉल करें (बिना -g के) और आनंद लें ...

Comments

लेकिन आपने यह उल्लेख नहीं किया कि इसे "स्थानीय रूप से" कैसे स्थापित किया जाए

— jpganz18

स्थानीय रूप से npm वेबपैक स्थापित है, बिना उपयोग किए -g जैसा कि उल्लेख किया गया है। यह मेरे मामले में काम आया।

— होनज़ा पी।

Answer 3

एक सामान्य विंडोज समस्या लगती है। यह मेरे लिए यह तय:

Nodejs विंडोज पर स्थापित मॉड्यूल नहीं ढूंढ सकते हैं?

"कहा जाने वाला एक पर्यावरण चर जोड़ें NODE_PATHऔर इसे %USERPROFILE%\Application Data\npm\node_modules(विंडोज एक्सपी), %AppData%\npm\node_modules(विंडोज 7) पर सेट करें, या जहां भी एनपीएम आपके विंडोज स्वाद पर मॉड्यूल स्थापित करना समाप्त करता है। इसे एक बार और सभी के साथ करने के लिए, इसे सिस्टम चर के रूप में जोड़ें। सिस्टम प्रॉपर्टीज़ डायलॉग (रन कंट्रोल.exe sysdm.cpl, सिस्टम, 3) का उन्नत टैब। "

ध्यान दें कि आप वास्तव में मूल्य के भीतर एक और पर्यावरण चर का उपयोग नहीं कर सकते हैं NODE_PATH। यही है, बस उस स्ट्रिंग को ऊपर से कॉपी और पेस्ट न करें, लेकिन इसे वास्तविक हल किए गए पथ पर सेट करेंC:\Users\MYNAME\AppData\Roaming\npm\node_modules

Comments

विंडोज 10 पर मेरे लिए काम नहीं। NODE_PATH` मान node_modulesमें कोई फ़ोल्डर नहीं है, लेकिन इससे कोई मदद नहीं हुईC:\Users\MYNAME\AppData\Roaming\npm`. I tried to set C:\Program Files (x86)\nodejs\node_modules

— VB_

विंडोज 10 पर मेरे लिए बस ठीक काम करता है setx NODE_PATH %AppData%\npm\node_modules:। चर उपलब्ध होने या चलने cmdसे पहले आपको अपना पुनरारंभ करना पड़ सकता है । NODE_PATHset NODE_PATH=%AppData%\npm\node_modules

— नक्स

Answer 4

मैंने एक ही समस्या को हल करके, इन आदेशों को निष्पादित किया

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

rmहमेशा एक खतरनाक आदेश है, विशेष रूप से -f, कृपया ध्यान दें कि इसे निष्पादित करने से पहले !!!!!

Comments

package-lock.json अपराधी है

— Sérgio S. Filho

Answer 5

टर्मिनल में कमांड के नीचे चलाएं:

npm install --save-dev webpack

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

Answer 6

मैं ओएस एक्स पर इस मुद्दे को ले रहा था और यह विश्व स्तर पर स्थापित webpackऔर मेरे स्थानीय रूप से स्थापित के बीच एक संस्करण बेमेल के कारण प्रतीत होता था webpack-dev-server। दोनों को नवीनतम संस्करण में अद्यतन करने से समस्या से छुटकारा मिल गया।

Comments

मेरे लिए भी काम किया है, इसलिए मुझे लगता है कि यह समस्या होने पर विभिन्न परिदृश्यों पर विचार करने लायक है।

— JL Peyret 20

Answer 7

यदि आपने एक नोड पैकेज स्थापित किया है और अभी भी संदेश प्राप्त कर रहे हैं कि पैकेज अपरिभाषित है, तो आपके पास PATH को बाइनरी में लिंक करने के साथ समस्या हो सकती है। बस एक बाइनरी को स्पष्ट करने के लिए और निष्पादन योग्य अनिवार्य रूप से एक ही काम करते हैं, जो एक पैकेज या एप्लिकेशन को निष्पादित करना है। ईआइ वेबपैक ... नोड पैकेज वेबपैक निष्पादित करता है।

विंडोज और लिनक्स दोनों में एक वैश्विक बाइनरी फ़ोल्डर है। विंडोज में मेरा मानना ​​है कि यह C: // Windows / System32 की तरह है और लिनक्स में यह usr / bin है। जब आप टर्मिनल / कमांड प्रॉम्प्ट खोलते हैं, तो इसका प्रोफाइल पैट बिन वैरिएबल को ग्लोबल बिन फोल्डर से जोड़ता है, ताकि आप इससे पैकेज / एप्लिकेशन निष्पादित कर सकें।

मेरा सबसे अच्छा अनुमान यह है कि वैश्विक रूप से वेबपैक को स्थापित करना शायद वैश्विक बाइनरी फ़ोल्डर में निष्पादन योग्य फ़ाइल को सफलतापूर्वक नहीं डाल सकता है। वहां निष्पादन योग्य के बिना, आपको एक त्रुटि संदेश मिलेगा। यह एक और मुद्दा हो सकता है, लेकिन यह कहना सुरक्षित है कि यदि आप यहां इसे पढ़ रहे हैं, तो विश्व स्तर पर वेबपैक चलाना आपके लिए काम नहीं कर रहा है।

इस समस्या के बारे में मेरा संकल्प विश्व स्तर पर वेबपैक चलाने से है और PATH को नोड_मॉडल बाइनरी फ़ोल्डर से जोड़ना है, जो कि /node_modules/.bin है।

विन्डोज़: अपने PATH में node_modules / .bin जोड़ें। यहाँ एक ट्यूटोरियल है कि विंडोज़ में पैठ चर को कैसे बदला जाए।

LINUX: अपने प्रोजेक्ट रूट पर जाएं और इसे निष्पादित करें ...

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

लिनक्स में आपको अपने टर्मिनल को खोलने पर हर बार इस कमांड को निष्पादित करना होगा। यह लिंक आपको दिखाता है कि अपने PATH वैरिएबल में बदलाव कैसे करें।

Answer 8

खिड़कियों पर, मैंने देखा है कि यह मुद्दा दिखाता है कि क्या आपके पास मशीन पर प्रशासनिक अधिकार नहीं हैं (यानी, आप स्थानीय प्रशासक नहीं हैं)।

जैसा कि किसी और ने सुझाव दिया है, यह -gसंकेत संकेत का उपयोग न करके स्थानीय रूप से स्थापित करने के लिए लगता है ।

Answer 9

ओपन एनपीएम कमांड प्रॉम्प्ट और - सीडी सोल्यूशन फोल्डर और उसके बाद एनपीएम cmd प्रॉम्ट और फिर से ।। में npm लिंक वेबपैक चलाएं।

Answer 10

आप यह कोशिश कर सकते हैं।

npm install --only=dev

इससे मेरा काम बनता है।

Answer 11

ऊपर सुझाए गए कुछ भी मेरे लिए काम नहीं किया (NODE_PATH चर सहित)। मैंने अपने स्थानीय फ़ोल्डर से वैश्विक AppData (उदाहरण के लिए) से "node_modules" का एक सुसंगत लिंक बनाया और यह आकर्षण की तरह काम किया।

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

Answer 12

बस पता चला है कि एटम आईडीई टर्मिनल का उपयोग स्थानीय रूप से निर्भरता स्थापित नहीं करता है (शायद एक बग या सिर्फ मुझे)। जीआईटी बैश को बाहरी रूप से स्थापित करना और एनपीएम कमांड चलाना फिर से मेरे लिए काम करता है

Answer 13

मेरे लिए, यह एक गलत त्रुटि प्रतिक्रिया है।

इसमें कॉन्फिग एरर था webpack.config.js,

फ़ाइल को हटा दें और मेरी समस्या का समाधान शुरू करें

Answer 14

मेरे पास वीएस 2017 में निर्माण के लिए एक बहुत ही सरल .NET कोर 2.0 आवेदन प्राप्त करने का एक टन था। यह AppVeyor से त्रुटि है, हालांकि यह अनिवार्य रूप से स्थानीय रूप से एक ही बात थी (सुरक्षा के लिए छोड़े गए कुछ रास्ते):

पहले-पहले वेबपैक निर्माण का प्रदर्शन ...

मॉड्यूल .js: 327 गलत तरीके से फेंकना;

EXEC: त्रुटि: मॉड्यूल नहीं ढूँढ सकता '........ / node_modules / webpack / bin / webpack.js'

समारोह में। Muleule._resolveFilename (मॉड्यूल.js: 325: 15)

समारोह में।

समारोह में। मोड्यूल.रुमेन (मॉड्यूल। जेएस: 441: 10)

स्टार्टअप पर (नोड.जेएस: 140: 18)

at node.js: 1043: 3

csproj (25,5): त्रुटि MSB3073: कमांड "नोड node_modules / webpack / bin / webpack.js --config webpack.config.vendor.js" कोड 1 से बाहर निकल गया।

निर्माण विफल।

मैं इस सवाल और जवाब पर अड़ गया , और मैंने देखा कि मेरे स्थानीय उदाहरण में भी {Project Root} -> Dependencies -> npmफ़ोल्डर पर एक ही चेतावनी संकेत था । राइट क्लिक और "रिस्टोर पैकेज" को हिट करने से सब कुछ ठीक से लोड हो गया, और मैं सफलतापूर्वक निर्माण करने में सक्षम था।

Answer 15

npm लिंक वेबपैक ने मेरे लिए काम किया।

मेरा वेबपैक कॉन्फ़िगरेशन: "वेबपैक": "^ 4.41.2", "वेबपैक-देव-सर्वर": "^ 3.9.0", "वेबपैक-क्लाई": "^ 3.3.10"

Answer 16

वेबपैक और सीएलआई दोनों को विश्व स्तर पर स्थापित करना मेरे लिए काम कर गया।

npm i -g webpack webpack-cli