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

时间:2019-11-25 10:01:55

标签: webpack

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

谢谢!

5 个答案:

答案 0 :(得分:5)

首先,您以错误的方式安装了webpackwebpack-cliwebpack-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文件中添加脚本并从终端执行该脚本。

答案 1 :(得分:3)

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并将其与脚本一起使用,则将使用本地版本。

答案 2 :(得分:2)

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

安装:

npm install -S webpack-dev-server                                            

答案 3 :(得分:2)

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

web:dev:webpack-dev-server

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

答案 4 :(得分:2)

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

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

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

谢谢!