webpack-dev-server在我的项目中不起作用

Question

我的项目遇到问题，当我运行webpack-dev-server命令时，即使没有安装两次webpack-dev-server，它也显示找不到我！

谢谢！

Answer 1

首先，您以错误的方式安装了webpack，webpack-cli和webpack-dev-server。您将它们设为dependencies，而不是devDependencies。要更改此设置，请卸载它们：

npm uninstall webpack webpack-cli webpack-dev-server

然后正确安装它们：

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

现在，webpack-dev-server在您的node_modules文件夹中。您可以使用

从终端运行它

node node_modules/webpack-dev-server/bin/webpack-dev-server.js

或（如@nickbullock所说），在您的package.json文件中添加脚本并从终端执行该脚本。

Answer 2

webpack开发服务器未全局安装。 请将其添加到package.json中的脚本部分

"scripts": {
  "dev-server": "webpack-dev-server"
}

，然后从控制台运行它： npm run dev-server

您也可以在全球范围内安装它：
npm install -g webpack-dev-server
那么您可以在任何项目上运行webpack-dev-server命令，而无需本地安装并添加到脚本中。

如果您具有全局和本地webpack-dev-server并将其与脚本一起使用，则将使用本地版本。

Answer 3

我在学习webpack时碰巧遇到了很多，只要尝试全局安装webpack即可在终端中运行webpack-dev-server命令。

安装：

npm install -S webpack-dev-server                                            

Answer 4

将webpack-dev-server放入package.json文件中。

web:dev:webpack-dev-server

您可以在webpack4的官方页面上找到它，

Answer 5

在此项目目录中运行此命令，以便它将webpack安装所有软件包

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

或删除webpack并尝试安装它。 webpack对新手有好处

谢谢！