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

Posted 2023-02-22

【中文标题】webpack-dev-server 在我的项目中不起作用

【英文标题】：webpack-dev-server isn't working in my project

【发布时间】：2020-03-20 14:15:46

【问题描述】：

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

谢谢！

【问题讨论】：

你在用 webpack4 吗？

是的，我用的是webpack4！，npm install webpack webpack-cli webpack-dev-server安装成功了，但是后来就不行了！

你更新你的node和npm了吗？

我认为复制/粘贴确切的错误消息、webpack 配置文件以及您正在运行的确切命令会很有帮助。

node 10.15 && npm 5.8，有什么问题？

【参考方案1】：

webpack dev-server 没有全局安装。 请将它添加到 package.json 中的脚本部分

"scripts": 
  "dev-server": "webpack-dev-server"

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

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

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

【讨论】：

现在可以使用了，谢谢！但在我们这样做之前！

【参考方案2】：

首先，你安装了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 文件中添加一个脚本并从您的终端执行它。