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

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

저는 이 튜토리얼과 함께 느슨하게 웹팩을 사용하여 리액트 웹앱을 작업하고 있습니다.

실수로 git에 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 cleangithub에서 이 문제에 대해 누군가 언급한 것처럼.
• webpack 설치:npm install -g webpack
• 시스템에서 노드와 npm을 완전히 삭제하고(이 가이드 사용) brew를 사용하여 다시 설치합니다.

오류 메시지가 여전히 지속됩니다.그 밖에 무엇을 시도할 수 있습니까?

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;

네, 쉬웠어요.

npm install webpack-dev-server -g

처음에는 그것이 필요하지 않았다는 것이 혼란스러웠던 것은 아마도 새로운 버전으로 상황이 바뀌었을 것입니다.

참고로, 시도했던 것처럼 명령줄을 통해 스크립트에 액세스하려면 스크립트가 시스템에 셸 스크립트(또는 .js, .rb와 같은 모든 종류의 스크립트)로 등록되어 있어야 합니다./usr/binUNIX에서그리고, 시스템은 그것들을 어디서 찾을지 알아야 합니다. 즉, 그 위치가 로드되어야 합니다.$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

아니면

$ yarn start

외우고 놀기엔 너무 짧습니다.그리고.npm모듈의 위치를 알고 있습니다.webpack-dev-server.

대본을webpack-dev-server가 ./node_directory 내부에 이미 설치되어 있습니다.다음 방법으로 전역적으로 다시 설치할 수 있습니다.

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

.현재 디렉토리에서 검색할 수 있습니다.

원사

실행할 때 문제가 발생했습니다.yarn start

먼저 실행할 때 수정했습니다.yarn install

저도 같은 문제가 있었지만, 아래 단계들이 그것을 극복하는 데 도움이 되었습니다.

1. 'webpack-dev-server'를 로컬로 설치하는 중(글로벌 설치에서 선택하지 않아 프로젝트 디렉토리에 있음)

   npm 설치 --save webpack-dev-server

node_modules 내부에 'webpack-dev-server' 폴더가 있는지 확인할 수 있습니다.

2. 직접 실행을 위해 npx를 사용하여 실행

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

npm run start패키지에가 스크립트는 작동합니다 잘 경우에도 없는 위와 같아야 합니다 입력한 son scripts 스크립트는 np 합니다 should without be the like like above 패키지에 j 같아야 작동합니다 입력한 경우에도 잘 j x son x np 위와 없는 가 should

저는 수용된 답변이 모든 시나리오에서 작동하는 것은 아니라는 것을 알았습니다.그것이 100% 작동하는지 확인하기 위해서는 npm 캐시를 지워야 합니다.하여 잠금, 하거나, 접여금로시다수나볼을해-s-iry을jn다t수sny-tsd볼r-,erojeesc;nnpm cache clean.

작성자가 권장 솔루션을 시도하기 전에 캐시를 지웠기 때문에 사전 요구 사항의 일부로 만들지 못했습니다.

글로벌 설치의 경우: npm에서 webpack-dev-server-g를 설치합니다.

로컬 설치의 경우 npm 설치 --save-dev 웹팩

웹팩 인 패키지를 참조할 때.json 파일, 위치 node_location\에서 찾으려 합니다.빈\

로컬 설치 후 파일 wbpack이 \node_modules\ 위치에 생성됩니다.bin\weback

VS Code를 설치하고 원격 Git 저장소를 추가해보니 같은 문제가 생겼습니다.어쩌다 보니/node_modules/.bin가고다어다를 실행하고 있습니다.npm install --save webpack-dev-server누락된 폴더를 다시 설치하고 문제를 해결했습니다.

는 합니다와 합니다.npm install --save-dev webpack-dev-server그 다음에 패키지를 설정했습니다.json과 webpack.config.js는 다음과 같습니다: setting.

그런 다음 webpack-dev-server를 실행하면 이 오류가 발생합니다.

사용하지 않으면npm install -g webpack-dev-server설치하고 어떻게 고치나요?

을 .configuration has an unknown property 'colors'를 colors:true 됐습니다.

저는 Yourn과 비슷한 문제가 있었는데 위의 것들이 저에게 맞지 않아서 그냥 제거했습니다../node_modules그리고 달리다yarn install문제는 사라졌습니다.

사용:-

npm install --save-dev babel-loader url-loader webpack webpack-cli webpack-dev-server --legacy-peer-deps

npm 설치 webpack-dev-server -g -- window OS

권한 오류를 방지하려면 리눅스에서 sudo를 사용하는 것이 좋습니다.

sundpm 설치 webpack-dev-server-g

sundpm install webpack-dev-server --save를 사용하여 package.json에 추가할 수 있습니다.

때로는 아래 명령을 실행해야 할 수도 있습니다.

npm install webpack-cli --save 또는 npm install webpack-cli-g

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