'webpack-dev-server' 未被识别为内部或外部命令，答案

【问题标题】：'webpack-dev-server' is not recognized as an internal or external command,'webpack-dev-server' 未被识别为内部或外部命令，
【发布时间】：2018-08-14 20:26:39
【问题描述】：

我按照关于复数视觉的教程使用 gitbash 通过 github 克隆了这个 Webpack Starter 包。我正在尝试通过 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

【问题讨论】：

标签： npm webpack visual-studio-code webpack-dev-server

【解决方案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

【讨论】：

即使 webpack-dev-server 在我的 package.json 中，我也必须重新运行 npm install webpack-dev-server --save-dev 来解决我的问题，不需要执行第一个命令
以上也解决了我的问题。为什么我们必须手动安装 package.json 中指定的依赖项？为什么它们没有安装在 npm install 上？

【解决方案2】：

运行

npm install -g webpack-dev-server

以管理员身份在 cmd 中解决了我的问题。我希望它可以帮助其他人。

【讨论】：

【解决方案3】：

最新版本的 Webpack 和 WDS 需要 webpack-cli 包，如果您的 Webpack 版本为 4 或更高版本，我建议您下载

【讨论】：

我在 cmd 中运行了“npm install -g webpack-dev-server”，它解决了这个问题。

【解决方案4】：

对我来说，我没有全局安装 webpack-dev-server，而是简单地卸载并重新安装了本地包：

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

【讨论】：

就我而言，我已经在本地安装了，但重新安装解决了这个问题。

【解决方案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

在我的情况下，这是有效的

【讨论】：

【解决方案6】：

检查您的节点版本，在我的情况下切换到最后一个节点版本有帮助。

【讨论】：

【解决方案7】：

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

【讨论】：