Webpack-webpack-dev-server : 명령을 찾을 수 없습니다.

Webpack-webpack-dev-server : 명령을 찾을 수 없습니다.

---

이 튜토리얼 과 함께 webpack을 사용하여 React webapp에서 작업하고 있습니다 .

실수로 내 자식에 node_modules 폴더를 추가했습니다. 그런 다음을 사용하여 다시 제거했습니다 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누군가 가 github 에서이 문제에 대해 언급했듯이
• 전역 적으로 웹팩 설치 npm install -g webpack
• 내 시스템에서 노드와 npm을 완전히 삭제하고 ( 이 가이드 사용) brew를 사용하여 다시 설치

오류 메시지가 계속 표시됩니다. 또 무엇을 시도 할 수 있습니까?

추신 : 내용 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;

---

좋습니다. 쉬웠습니다.

npm install webpack-dev-server -g

처음에는 필요하지 않았다는 점을 혼란스럽게했으며 아마도 새 버전으로 인해 상황이 변경되었을 것입니다.

---

참고로, 시도한 것처럼 명령 줄을 통해 스크립트에 액세스 하려면 dir에있는 이러한 파일과 같은 시스템에서 스크립트를 쉘 스크립트 (또는 .js, .rb와 같은 모든 종류의 스크립트) 로 등록해야합니다. /usr/binUNIX에서. 그리고 시스템은 그것들을 찾을 수있는 위치를 알아야합니다. 즉, 위치는 $PATH배열에 로드되어야합니다 .

---

귀하의 경우 스크립트 webpack-dev-server는 이미 ./node_modules디렉토리 내부 어딘가에 설치되어 있지만 시스템은 액세스 방법을 모릅니다. 따라서 명령에 액세스하려면 전역 범위 에서도 webpack-dev-server스크립트를 설치해야합니다 .

$ npm install webpack-dev-server -g

여기서는 -g전역 범위를 나타냅니다.

---

However, this is not recommended way because you might face version conflicting issues; so, instead you can set a command in npm's package.json file like:

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

This setting will let you access the script you want with simple command

$ npm start

So short to memorize and play. And, npm knows the location of the module webpack-dev-server.

---

The script webpack-dev-server is already installed inside ./node_modules directory. You can either install it again globally by

sudo npm install -g webpack-dev-server

or run it like this

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

. means look it in current directory.

---

Yarn

I had the problem when running: yarn start

It was fixed with running first: yarn install

---

I had the same issue but the below steps helped me to get out of it.

1. Installing the 'webpack-dev-server' locally (In the project directory as it was not picking from the global installation)

   npm install --save webpack-dev-server

Can verify whether 'webpack-dev-server' folder exists inside node_modules.

2. Running using npx for running directly

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

npm run start also works fine where your entry in package.json scripts should be like the above like without npx.

---

I found the accepted answer does not work in all scenarios. To ensure it 100% works one must ALSO clear the npm cache. Either directly Goto the cache and clear locks, caches, anonymous-cli-metrics.json; or one can try npm cache clean.

Since the author had cleared the cache before trying the recommended solution its possible that failed to make it part of the pre-requisites.

---

I install with npm install --save-dev webpack-dev-server then I set package.json and webpack.config.js like this: setting.

Then I run webpack-dev-server and get this error error.

If I don't use npm install -g webpack-dev-server to install, then how to fix it?

I fixed the error configuration has an unknown property 'colors' by removing colors:true. It worked!

---

I had similar problem with Yarn, none of above worked for me, so I simply removed ./node_modules and run yarn install and problem gone.

---

for issues with

How to run webpack locally instead of the usual Global option

take a look at

https://stackoverflow.com/a/51165867/10003436

---

npm install webpack-dev-server -g -- windows OS

Better you use sudo in linux to avoid permission errors

sudo npm install webpack-dev-server -g

You could use sudo npm install webpack-dev-server --save to add it to package.json.

Sometimes you may require to run the below commands.

npm install webpack-cli --save or npm install webpack-cli -g

참고 URL : https://stackoverflow.com/questions/31611527/webpack-webpack-dev-server-command-not-found