"webpack-dev-server" 未被识别为内部或外部命令，也不是可运行的程序或批处理文件。

Question

我通过GitBash在GitHub上克隆了这个Webpack入门包，跟着Pluralsight的教程操作。我试图通过Visual Studio Code的终端访问Webpack，但是出现了以下错误。由于我对此不熟悉，请帮忙解决问题。

我正在运行一个命令

 Raza Zaidi@RazaZaidi-PC MINGW64 ~/webpack-starter (master)
$ npm run dev

然后出现以下错误

> yet-another-webpack-es6-starterkit@1.0.0 dev C:\Users\Raza Zaidi\webpack-starter
> webpack-dev-server --open --config webpack/webpack.config.dev.js

'webpack-dev-server' is not recognized as an internal or external command,
operable program or batch file.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! yet-another-webpack-es6-starterkit@1.0.0 dev: `webpack-dev-server --open --config webpack/webpack.config.dev.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the yet-another-webpack-es6-starterkit@1.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Raza Zaidi\AppData\Roaming\npm-cache\_logs\2018-08-14T20_16_29_017Z-debug.log

- Raza Zaidi

Answer 1

Webpack命令应该存在于位置：node_modules\.bin\

在这种情况下，我们在package.json文件中引用webpack-dev-server，但是本地没有webpack-dev-server。

首先运行以下命令进行全局安装：

npm install -g webpack-dev-server

接着执行本地安装命令，这会创建node_modules\.bin\webpack-dev-server：

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

- S_K

---

尽管webpack-dev-server已在我的package.json中，但我仍需要再次运行“npm install webpack-dev-server --save-dev”来解决问题，不需要执行第一个命令。 - sometimes24

以上解决了我的问题。为什么我们必须手动安装 package.json 中指定的依赖项？它们为什么不在 npm install 时自动安装呢？ - markussvensson

Answer 2

运行中

在管理员模式下的cmd中运行npm install -g webpack-dev-server解决了我的问题。我希望它能帮助其他人。

- Raza Zaidi

Answer 3

对于我来说，与其全局安装webpack-dev-server，我选择卸载并重新安装本地的包：

npm uninstall webpack-dev-server
npm install webpack-dev-server

- jmjohnson85

---

在我的情况下，我已经在本地安装了，但重新安装解决了问题。 - derekbaker783

Answer 4

最近的Webpack和WDS版本需要安装webpack-cli包，如果你的Webpack版本是4或更高，我建议你下载它。

- Benjamín Vázquez

---

我在命令提示符中运行了“npm install -g webpack-dev-server”，问题得到了解决。 - Raza Zaidi

Answer 5

首先，我已经在全局安装了webpack-dev-server。

npm install -g webpack-dev-server

安装后我遇到了这个错误..
错误: 找不到模块'webpack'

这是版本不匹配的问题，在我的代码中我使用了这些依赖项。

"devDependencies": {
    "babel-core": "^6.26.3",
    "babel-loader": "^8.2.2",
    "babel-preset-es2015": "^6.24.1",
    "webpack": "2.2.0-rc.3",
    "webpack-cli": "^4.6.0",
    "webpack-dev-server": "2.1.0-beta.0",
    "webpack-validator": "^2.3.0"
  },

所以在全局中更改webpack-dev-server版本

npm install -g webpack-dev-server@2.1.0-beta.0

在我的情况下，这起作用了。

- tharsikan

Answer 6

我通过输入命令 npm update 解决了这个问题。

- Abdullah Rexha

---

如果您已经fork了一个存储库，并尝试在没有安装其软件包的情况下运行它，则这是解决方案。我使用yarn而不是npm，所以对我来说解决方案就是输入“yarn”。 - Jack

Answer 7

检查你的 Node 版本，如果是我的情况，切换到最新的版本有帮助。

- Jan Pi

Answer 8

如果已经存在带有webpack、webpack-cli和dev server的package.json文件，则只需使用命令npm install。否则，请使用以下命令： npm install webpack@4.30.0 或 npm install --save-dev webpack@latest npm install --save-dev webpack-cli@latest npm install --save-dev webpack-dev-server@latest "webpack": "^4.30.0", "webpack-bundle-size-analyzer": "^3.0.0", "webpack-cli": "^3.3.1", "webpack-dev-server": "^3.3.1"

- user22834319

---

目前您的回答表达不够清晰。请[编辑]以添加更多细节，帮助其他人理解您的回答如何解决所提出的问题。您可以在帮助中心找到更多有关如何撰写好答案的信息。 - undefined