webpack5输入指令npx webpack-dev-server 使用webpack-dev-server报错

Posted 是小橙鸭丶

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webpack5输入指令npx webpack-dev-server 使用webpack-dev-server报错相关的知识,希望对你有一定的参考价值。

当输入指令npx webpack-dev-server执行的时候,有了以下错误
在这里插入图片描述
package.json的内容如下
在这里插入图片描述

原因:webpack现在存在一个bug,最新版的webpack-dev-server 和最新版的webpack-cli 并不兼容。

解决方法一:

webpack-cli的版本降为3.3.12

解决方法二:

使用npx webpack serve这个命令运行。

运行成功截图如下
在这里插入图片描述
在这里插入图片描述

以上是关于webpack5输入指令npx webpack-dev-server 使用webpack-dev-server报错的主要内容,如果未能解决你的问题,请参考以下文章

Webpack:没有加载器来处理 SCSS 是输入存在

如何在不输入 npx 的情况下运行 NodeJS CLI 工具

使用范围包运行 npx

npx 启动,npx 安装 npx 初始化不工作

webpack5

npx 上限同步与 npx 上限复制