ওয়েবপ্যাক - ওয়েবপ্যাক-ডেভ সার্ভার: কমান্ড পাওয়া যায় নি

Question

আমি এই টিউটোরিয়ালের পাশাপাশি আলগাভাবে ওয়েবপ্যাক ব্যবহার করে একটি প্রতিক্রিয়াশীল ওয়েবপ্যাপে কাজ করছি ।

দুর্ভাগ্যক্রমে, আমি আমার গিটটিতে নোড_মডিউলগুলি ফোল্ডার যুক্ত করেছি। আমি আবার এটি ব্যবহার করে আবার সরিয়েছি 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
• সম্পূর্ণভাবে আমার সিস্টেম থেকে নোড এবং এনপিএম মুছুন ( এই গাইড ব্যবহার করে ) এবং ব্রু ব্যবহার করে পুনরায় ইনস্টল করুন

ত্রুটি বার্তা এখনও অবিরত। আমি আর কি চেষ্টা করতে পারি?

PS: এর বিষয়বস্তু 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;

Comments

দয়া করে ফাইলের বিষয়বস্তু সরবরাহ করুন webpack.dev.config.js।

— stdob--

আমি একই ত্রুটি পাচ্ছি এবং ওয়েবপ্যাক-দেব-সার্ভারটি অবশ্যই ফোল্ডারে রয়েছে

— ড্যামন

Answer 1

ঠিক আছে, এটা সহজ ছিল:

npm install webpack-dev-server -g

কী আমাকে বিভ্রান্ত করেছে যে আমার প্রথমে এটির দরকার ছিল না, সম্ভবত একটি নতুন সংস্করণ দিয়ে জিনিসগুলি পরিবর্তিত হয়েছিল।

Comments

কিছু কারণে -gপতাকা ছাড়া এটি আমার পক্ষে কার্যকর হয়নি । সুতরাং: সমস্যার npm i webpack-dev-server -gসমাধান।

— মার্টিন ভেলচেভস্কি

আমারও

— অ্যালেক্স গ্র্যান্ডে

ওয়েবপ্যাক-জি ইনস্টল করার জন্য আমারও এনপিএম দরকার ছিল কারণ এটি বিশ্বব্যাপী প্রথমে ইনস্টল করা হয়নি

— টিজে ট্রাপ

এটি বিভ্রান্তি ছিল কারণ ওয়েবপ্যাক পৃষ্ঠায় তাদের উদাহরণে -g বিকল্প নেই। আপনি যদি বিশ্বব্যাপী ইনস্টল করতে চান না, আপনি প্যাকেজ.জেসনে একটি স্ক্রিপ্ট তৈরি করতে পারেন এবং এটি এনপিএম রানের মাধ্যমে চালাতে পারেন।

— কিংড

"npm আনইনস্টল ওয়েবপ্যাক-ডেভ-সার্ভার -g - সেভ" কমান্ডটি ব্যবহার করে আমি এই প্যাকেজটি আনইনস্টল করার চেষ্টা করছি তবে আনইনস্টল করা হয়নি, দয়া করে আমাকে এই প্যাকেজটি আনইনস্টল করার জন্য আমাকে জানান।

— ভাভিন

Answer 2

এফওয়াইআই, আপনার যেমন কমান্ড-লাইনের মাধ্যমে যে কোনও স্ক্রিপ্ট অ্যাক্সেস করার জন্য ডায়ারটিতে এই ফাইলগুলির মতো সিস্টেমে স্ক্রিপ্টটি শেল-স্ক্রিপ্ট (অথবা .js, .rb এর মতো কোনও ধরণের স্ক্রিপ্ট) হিসাবে নিবন্ধিত করা দরকার /usr/binইউনিক্সে। এবং, সিস্টেম তাদের অবশ্যই কোথায় তা জানতে হবে। অর্থাৎ অবস্থানটি $PATHঅ্যারেতে লোড করা আবশ্যক ।

---

আপনার ক্ষেত্রে, স্ক্রিপ্টটি webpack-dev-serverইতিমধ্যে ./node_modulesডিরেক্টরি ভিতরে কোথাও ইনস্টল করা আছে , কিন্তু সিস্টেম এটি অ্যাক্সেস করতে জানে না system সুতরাং, কমান্ডটি অ্যাক্সেস 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।

Comments

কিন্তু আমি যখন চালানো node_modules/.bin/webpack-dev-server? কেন বলেন যে এই অবৈধ কমান্ড আমি চলমান মনে node_modules/.bin/webpack-dev-serverচলমান সমানnpm run dev

— চর

Answer 3

স্ক্রিপ্টটি 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

. মানে এটি বর্তমান ডিরেক্টরিতে দেখুন।

Answer 4

সুতা

দৌড়ানোর সময় আমার সমস্যা ছিল: yarn start

এটি প্রথমে চলার সাথে ঠিক করা হয়েছিল: yarn install

Comments

yarn installআমার ক্ষেত্রে সহজ কাজ করেছে। কারণ কী তা নিশ্চিত নয়।

— হিনরিচ

বা npm iআপনি

— যেটিকে

Answer 5

আমার একই সমস্যা ছিল তবে নীচের পদক্ষেপগুলি এ থেকে বেরিয়ে আসতে আমাকে সহায়তা করেছিল।

1. স্থানীয়ভাবে 'ওয়েবপ্যাক-ডেভ-সার্ভার' ইনস্টল করা হচ্ছে (প্রকল্প ডিরেক্টরিতে এটি বিশ্বব্যাপী ইনস্টলেশন থেকে বেছে নিচ্ছে না)

   এনপিএম ইনস্টল - সেভ ওয়েবপ্যাক-ডেভ সার্ভার

নোড_মডিউলগুলির মধ্যে 'ওয়েবপ্যাক-ডেভ-সার্ভার' ফোল্ডার রয়েছে কিনা তা যাচাই করতে পারে।

2. সরাসরি চলার জন্য এনপিএক্স ব্যবহার করে চলছে

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

npm run start প্যাকেজ.জসন স্ক্রিপ্টগুলিতে আপনার প্রবেশটি এনপিএক্স ছাড়াই উপরের মতো হওয়া উচিত fine

Answer 6

আমি দেখেছি গ্রহণযোগ্য উত্তরটি সমস্ত পরিস্থিতিতে কাজ করে না। এটি 100% কাজ করে তা নিশ্চিত করতে অবশ্যই এনপিএম ক্যাশে সাফ করতে হবে। হয় সরাসরি ক্যাশে যান এবং পরিষ্কার লকস, ক্যাশে, বেনামে-ক্লাইম-ম্যাট্রিক্স.জসন; বা এক চেষ্টা করতে পারেন npm cache clean।

যেহেতু লেখক প্রস্তাবিত সমাধানটির চেষ্টা করার আগে এটি ক্যাশে সাফ করে দিয়েছিল যে এটি পূর্ব-প্রয়োজনীয়তার অংশ বানাতে ব্যর্থ হয়েছিল।

Answer 7

বিশ্বব্যাপী ইনস্টলেশনের জন্য: এনপিএম ওয়েবপ্যাক-ডেভ-সার্ভার-জি ইনস্টল করুন

স্থানীয় ইনস্টলেশনের জন্য এনপিএম ইনস্টল করুন - সেভ-ডেভ ওয়েবপ্যাক

আপনি যখন প্যাকেজ.জসন ফাইলে ওয়েবপ্যাকটি উল্লেখ করেন তখন এটি নোড_মডিউলগুলি look .bin location এ অনুসন্ধান করার চেষ্টা করে

স্থানীয় ইনস্টলেশন পরে ফাইল ডাব্লুব্যাক প্যাকটি তৈরি হবে: \ node_modules \ .bin \ ওয়েবপ্যাক

Answer 8

আমি ভিএসকোড ইনস্টল করার পরে এবং একটি রিমোট গিট সংগ্রহস্থল যুক্ত করার পরে একই সমস্যা লক্ষ্য করেছি। কোনওভাবে /node_modules/.binফোল্ডারটি মুছে ফেলা হয়েছে এবং npm install --save webpack-dev-serverকমান্ড লাইনে চলমান হারিয়ে যাওয়া ফোল্ডারটি পুনরায় ইনস্টল করে আমার সমস্যাটি স্থির করেছে।

Answer 9

আমি npm install --save-dev webpack-dev-serverতারপরে ইনস্টল করে আমি প্যাকেজ.জসন এবং ওয়েবপ্যাক.কনফিগ.জে এইগুলি সেট করে: সেটিংস ।

তারপরে আমি ওয়েবপ্যাক-ডেভ-সার্ভার চালাই এবং এই ত্রুটি ত্রুটি পেয়েছি ।

আমি যদি npm install -g webpack-dev-serverইনস্টল করতে ব্যবহার না করি , তবে কীভাবে এটি ঠিক করব?

আমি configuration has an unknown property 'colors'অপসারণ করে ত্রুটিটি ঠিক করেছি colors:true। এটা কাজ করেছে!

Answer 10

সুতা সম্পর্কে আমার একইরকম সমস্যা ছিল , উপরের কোনওটিই আমার পক্ষে কাজ করেনি, তাই আমি কেবল সরিয়ে ফেললাম ./node_modulesএবং চালিয়ে যাব yarn installএবং সমস্যাটি চলে গেল।

Answer 11

এনপিএম ওয়েবপ্যাক-ডেভ-সার্ভার -g - উইন্ডোজ ওএস ইনস্টল করুন

অনুমতি ত্রুটিগুলি এড়াতে আপনি লিনাক্সে sudo ব্যবহার করা ভাল

sudo এনএমপি ওয়েবপ্যাক-ডেভ-সার্ভার-জি ইনস্টল করুন

এটিকে প্যাকেজ.জসনে যুক্ত করতে আপনি sudo এনপিএম ইনস্টল ওয়েবপ্যাক-ডেভ-সার্ভার - সেভ ব্যবহার করতে পারেন।

কখনও কখনও আপনার নীচের কমান্ডগুলি চালনার প্রয়োজন হতে পারে।

এনপিএম ওয়েবপ্যাক-ক্লিপ ইনস্টল করুন - সেভ বা এনপিএম ইনস্টল ওয়েবপ্যাক-ক্লিপ-জি

Comments

এনপিএম সহ সুডো ব্যবহারের পরামর্শ দিবেন না।

— রিচার্ডসনওথআর

কেন এখানে

— রিচার্ডসনউথআর