वेबपैक - वेबपैक-देव-सर्वर: कमांड नहीं मिला


97

मैं इस ट्यूटोरियल के साथ-साथ वेबपैक का उपयोग करके एक रिएक्ट वेबप पर काम कर रहा हूं ।

संयोग से, मैंने अपने git में नोड_मॉडल फ़ोल्डर जोड़ा है। मैंने तब इसे फिर से उपयोग करके हटा दिया git rm -f node_modules/*

अब, जब मैं वेबपैक सर्वर शुरू करने का प्रयास करता हूं, मुझे निम्न त्रुटि मिलती है:

> webpack-dev-server -d --config webpack.dev.config.js --content-base public/ --progress --colors

sh: webpack-dev-server: command not found

npm ERR! Darwin 14.4.0
npm ERR! argv "node" "/usr/local/bin/npm" "run" "devserve"
npm ERR! node v0.12.4
npm ERR! npm  v2.10.1
npm ERR! file sh
npm ERR! code ELIFECYCLE
npm ERR! errno ENOENT
npm ERR! syscall spawn
npm ERR! Blabber@0.0.1 devserve: `webpack-dev-server -d --config webpack.dev.config.js --content-base public/ --progress --colors`
npm ERR! spawn ENOENT

पहले मुझे लगा कि यह केवल मेरी परियोजना है, लेकिन फिर मैंने ट्यूटोरियल की कोड चौकियों की जाँच की: एक ही त्रुटि! तो कुछ विश्व स्तर पर गड़बड़ हो रहा है।

यहाँ मैंने जो अभी तक कोशिश की है:

  • rm node_modules और के साथ पुनर्स्थापित करें npm install
  • npm cache cleanजैसा कि किसी ने गितुब पर इस मुद्दे के बारे में उल्लेख किया है
  • के साथ विश्व स्तर पर वेबपैक स्थापित करें npm install -g webpack
  • पूरी तरह से मेरे सिस्टम से नोड और एनपीएम को हटा दें ( इस गाइड का उपयोग करके ) और काढ़ा का उपयोग करके पुनर्स्थापित करें

त्रुटि संदेश अभी भी बनी हुई है। मेरे द्वारा और क्या आजमाया जा सकता है?

पुनश्च: की सामग्री webpack.dev.config.jsहै:

var config = require('./webpack.config.js');
var webpack = require('webpack');

config.plugins.push(
  new webpack.DefinePlugin({
    "process.env": {
      "NODE_ENV": JSON.stringify("development")
    }
  })
);

module.exports = config;

कृपया फ़ाइल की सामग्री प्रदान करें webpack.dev.config.js
stdob--

मैं एक ही त्रुटि और webpack-देव-सर्वर है वहीं हो रही है निश्चित रूप से फ़ोल्डर में
डैमन

जवाबों:


164

ठीक है, यह आसान था:

npm install webpack-dev-server -g

मुझे क्या उलझन है कि मुझे इसकी ज़रूरत नहीं थी, पहली बार में, शायद एक नए संस्करण के साथ चीजें बदल गईं।


30
किसी कारण से यह मेरे लिए -gध्वज के बिना काम नहीं किया । तो: npm i webpack-dev-server -gसमस्या हल हो गई।
मार्टिन वेलचेवस्की

2
मुझे भी -46 ध्वज की आवश्यकता है
एलेक्स ग्रांडे

5
मुझे वेबपैक-एनपीएम स्थापित करने की भी आवश्यकता थी क्योंकि यह पहले विश्व स्तर पर स्थापित नहीं था
टीजे ट्रैप

1
यह भ्रम था क्योंकि वेबपैक पेज पर उनके उदाहरण में -g विकल्प नहीं है। यदि आप विश्व स्तर पर स्थापित नहीं करना चाहते हैं, तो आप package.json में एक स्क्रिप्ट बना सकते हैं और इसे npm रन के माध्यम से चला सकते हैं।
kingd9

मैं इस कमांड का उपयोग करके इस पैकेज को अनइंस्टॉल करने की कोशिश करता हूं "npm वेबकैप-देव-सर्वर -save - अनइंस्टॉल" की स्थापना रद्द करें लेकिन अनइंस्टॉल नहीं किया गया, कृपया मुझे बताएं कि इस पैकेज को कैसे अनइंस्टॉल करें।
भाविन

32

FYI करें, कमांड-लाइन के माध्यम से किसी भी स्क्रिप्ट को एक्सेस करने के लिए जैसे आप कोशिश कर रहे थे, आपको स्क्रिप्ट को शेल-स्क्रिप्ट के रूप में पंजीकृत करना होगा उस फाइल की तरह dir में सिस्टम में (या .js, .rb) जैसी किसी भी/usr/bin UNIX में। और, सिस्टम को पता होना चाहिए कि उन्हें कहां खोजना है। अर्थात स्थान को $PATHसरणी में लोड किया जाना चाहिए ।


आपके मामले में, स्क्रिप्ट webpack-dev-serverपहले से ही अंदर कहीं स्थापित है./node_modules निर्देशिका के , लेकिन सिस्टम यह नहीं जानता है कि इसे कैसे एक्सेस किया जाए। इसलिए, कमांड का उपयोग करने के लिए webpack-dev-server, आपको स्क्रिप्ट को वैश्विक दायरे में भी स्थापित करने की आवश्यकता है ।

$ npm install webpack-dev-server -g

यहाँ, -gवैश्विक दायरे को संदर्भित करता है।


हालाँकि, यह अनुशंसित तरीका नहीं है क्योंकि आपको संस्करण परस्पर विरोधी मुद्दों का सामना करना पड़ सकता है; इसलिए, इसके बजाय आप एक कमांड सेट कर सकते हैंnpm की package.jsonतरह फ़ाइल:

  "scripts": {
    "start": "webpack-dev-server -d --config webpack.dev.config.js --content-base public/ --progress --colors"
   }

यह सेटिंग आपको सरल कमांड के साथ इच्छित स्क्रिप्ट का उपयोग करने देगा

$ npm start

याद करने और खेलने के लिए इतना छोटा। और, npmमॉड्यूल के स्थान को जानता है webpack-dev-server


लेकिन जब मैं दौड़ता हूं node_modules/.bin/webpack-dev-server, तो यह क्यों कहा जाता है कि यह अमान्य आदेश है? मुझे लगता है कि दौड़ना दौड़ने node_modules/.bin/webpack-dev-serverके बराबर हैnpm run dev
चोर

14

स्क्रिप्ट webpack-dev-serverपहले से ही अंदर स्थापित है ./node_modules निर्देशिका। आप या तो इसे फिर से विश्व स्तर पर स्थापित कर सकते हैं

sudo npm install -g webpack-dev-server

या इसे इस तरह से चलाएं

./node_modules/webpack-dev-server/bin/webpack-dev-server.js -d --config webpack.dev.config.js --content-base public/ --progress --colors

. इसका मतलब है कि इसे वर्तमान निर्देशिका में देखें।


8

धागा

दौड़ते समय मुझे समस्या थी: yarn start

इसे पहले चलाने के साथ तय किया गया था: yarn install


1
सिंपल yarn installने मेरे केस में काम किया। निश्चित नहीं कि इसका कारण क्या था।
हेनरिच

1
या npm iजो भी आप पसंद करते हैं
अकिन ह्वेन

5

मेरे पास एक ही मुद्दा था लेकिन नीचे दिए गए कदमों ने मुझे इससे बाहर निकलने में मदद की।

  1. स्थानीय रूप से 'वेबपैक-देव-सर्वर' स्थापित करना (परियोजना निर्देशिका में क्योंकि यह वैश्विक स्थापना से नहीं उठा रहा था)

    npm स्थापित --save वेबपैक-देव-सर्वर

यह सत्यापित कर सकता है कि क्या 'webpack-dev-server' फ़ोल्डर नोड_मॉड्यूल्स के अंदर मौजूद है।

  1. सीधे चलाने के लिए npx का उपयोग करके चल रहा है

npx webpack-dev-server --mode development --config ./webpack.dev.js

npm run start यह भी ठीक काम करता है, जहाँ आपकी प्रविष्टि package.json स्क्रिप्ट में ऊपर की तरह होनी चाहिए जैसे कि npx।


1

मैंने पाया कि स्वीकृत उत्तर सभी परिदृश्यों में काम नहीं करता है। यह सुनिश्चित करने के लिए कि 100% काम करता है एक को भी npm कैश साफ़ करना चाहिए। या तो सीधे कैश और स्पष्ट ताले, कैश, अनाम-सीएलआई-मेट्रिक्स.जॉन को गोटो करें; या एक कोशिश कर सकते हैं npm cache clean

चूंकि लेखक ने सुझाए गए समाधान को आजमाने से पहले कैश को साफ कर दिया था, जो इसे आवश्यक-पूर्व का हिस्सा बनाने में विफल रहा।


1

वैश्विक स्थापना के लिए: npm वेबपैक-देव-सर्वर-जी स्थापित करें

स्थानीय स्थापना के लिए npm इंस्टाल - save-dev वेबपैक

जब आप पैकेज.जेसन फ़ाइल में वेबपैक का संदर्भ लेते हैं, तो वह इसे लोकेशन नोड_मॉड्यूल्स \ .बीन में देखने की कोशिश करता है।

स्थानीय स्थापना के बाद, फ़ाइल wbpack स्थान में निर्मित हो जाएगी: \ node_modules \ .bin \ webpack


0

मैं इसके साथ स्थापित करता npm install --save-dev webpack-dev-serverहूं तो मैं package.json और webpack.config.js इस तरह सेट करता हूं: सेटिंग

तब मैं वेबपैक-देव-सर्वर चलाता हूं और यह त्रुटि त्रुटि प्राप्त करता हूं ।

यदि मैं npm install -g webpack-dev-serverस्थापित करने के लिए उपयोग नहीं करता हूं , तो इसे कैसे ठीक करें?

मैंने configuration has an unknown property 'colors'निकाल कर त्रुटि ठीक की colors:true। इसने काम कर दिया!


0

मुझे यार्न के साथ ऐसी ही समस्या थी , उपरोक्त में से किसी ने भी मेरे लिए काम नहीं किया, इसलिए मैंने बस हटा दिया ./node_modulesऔर चला गया yarn installऔर समस्या चली गई।


0

npm webpack-dev-server -g - विंडोज़ ओएस स्थापित करें

बेहतर आप अनुमति त्रुटियों से बचने के लिए लिनक्स में sudo का उपयोग करें

sudo npm स्थापित करें webpack-dev-server -g

आप sudo npm को webpack-dev-server --save में इसे package.json में जोड़ने के लिए उपयोग कर सकते हैं।

कभी-कभी आपको नीचे दिए गए आदेशों को चलाने की आवश्यकता हो सकती है।

npm स्थापित webpack-cli - save या npm स्थापित करें webpack-cli -g


कृपया npm के साथ sudo का उपयोग करने की सलाह न दें।
रिछारडसनट्रेल


0

मैंने VSCode को स्थापित करने और एक दूरस्थ गिट रिपॉजिटरी को जोड़ने के बाद एक ही समस्या को देखा। किसी तरह /node_modules/.binफोल्डर को डिलीट कर दिया गया और npm install --save webpack-dev-serverकमांड लाइन में चल रहा था , लापता फोल्डर को फिर से इंस्टॉल किया और मेरी समस्या को ठीक किया।

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.