【webpack5】webpack-dev-server 不能正常启动_webpack-dev-server运行后没反应-程序员宅基地

【webpack5】webpack-dev-server 不能正常启动

一、问题

webpack-dev-server --open  --config script/webpack.dev.js

webpack4环境下可以正常启动，但是升级webpack5后依赖都要升级，再跑这个指令就会报错：

internal/modules/cjs/loader.js:584
    throw err;
    ^

Error: Cannot find module 'webpack-cli/bin/config-yargs'
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:582:15)
    at Function.Module._load (internal/modules/cjs/loader.js:508:25)
    at Module.require (internal/modules/cjs/loader.js:637:17)
    at require (internal/modules/cjs/helpers.js:22:18)
    at Object.<anonymous> (E:\github_codes\react-web-cli\node_modules\webpack-dev-server\bin\webpack-dev-server.js:65:1)
    at Module._compile (internal/modules/cjs/loader.js:701:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:712:10)
    at Module.load (internal/modules/cjs/loader.js:600:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:539:12)
    at Function.Module._load (internal/modules/cjs/loader.js:531:3)

版本：

// package.json
{
    
 "devDependencies": {
    
    "webpack": "^5.14.0",
    "webpack-cli": "^4.3.1",
    "webpack-dev-server": "^3.11.2"
  }
}

二、解决

替换webpack-dev-server 为 webpack serve

webpack serve  --open  --config script/webpack.dev.js

三、原因

升级后webpack-dev-server与 webpack-cli不能正常兼容，刚开始解决方案是直接降级
webpack-cli，后来觉得这个不是最好的解决方案。

https://github.com/webpack/webpack-dev-server#with-the-cli

Note: Many CLI options are available with webpack serve.
有些CLI 可用指令webpack serve

所以正解：

node_modules/.bin/webpack serve

webpack serve

本文链接：https://blog.csdn.net/xiaolongbaobushibao/article/details/113390838

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

利用内外边距相抵消实现等高布局_用内边距实现一个宽度跟高度相等-程序员宅基地

文章浏览阅读257次。html代码<body> <div class="container"> <div class="left">left</div> <div class="center">center</div> <div class="right">right</d..._用内边距实现一个宽度跟高度相等

JAVA初学者练手项目1(银行ATM系统)_怎么从零了解银行java项目-程序员宅基地

文章浏览阅读631次。JAVASE基础阶段练手项目ATM银行系统实现一个简单的ATM系统1、登录注册功能（账号（卡号），密码（大小写字母+数字+其他符号））2、账户类、每个用户拥有独立的信息（卡号、密码、用户名、账户余额、取款额度）3.1、查询功能，可以显示账户信息3.2、存取款功能3.3、转账功能3.4、汇款功能（通过输入相应的账户名、卡号，汇给对方账户内的金额）4、账号信息更改5管理员(账号:adminster 密码:14520)5.1、可以看到集合内的所有的对象信息由于目前只是初步学习了集合的思想_怎么从零了解银行java项目

Linux/Centos 部署静态IP，解决无法访问目标主机、Destination Host Unreachable、无法ping通互联网的问题_linux目标主机不可达怎么解决-程序员宅基地

文章浏览阅读811次，点赞9次，收藏9次。Linux/Centos 部署静态IP，解决无法访问目标主机、Destination Host Unreachable、无法ping通互联网的问题_linux目标主机不可达怎么解决

谷歌浏览器无法翻译一分钟解决_谷歌浏览器翻译 csdn-程序员宅基地

文章浏览阅读1.9k次。总的来说，沉浸式翻译是一种非常好用的工具，它可以帮助你在浏览网页时快速准确地翻译文本，避免你在使用谷歌浏览器新版时因缺少翻译功能而影响你的浏览体验。所以，如果你想翻译网页上的一些文本，不妨试试沉浸式翻译插件，相信你会喜欢上它的便捷性和实用性。你可以在插件的设置中找到“翻译语言”选项，并选择你需要的语言。当你需要翻译网页上的某个部分时，只需要选择要翻译的文本，然后单击沉浸式翻译插件的图标即可。但是，如果你需要在浏览各种语言的网页时进行翻译，不要担心，现在有一种新的方法可以帮助你解决这个问题——沉浸式翻译。_谷歌浏览器翻译 csdn

易语言写64位魔兽世界游戏寻路call 教程_魔兽世界 call 远程-程序员宅基地

文章浏览阅读7.3k次，点赞2次，收藏22次。自从Game-EC 8.5.3 辅助模块发布开发 64位游戏内存，封包的功能后，受到了很多写 64位游戏封包，内存辅助的爱好者喜爱今天在新版本 Game-EC 加密狗版模块 8.5.4 里面开发了一个能调用64位游戏魔兽世界的远程调用call的一个功能X64进程_调用函数E() 这个功能比之前开发的 X64进程_调用函数（）更强大，它能调用一些特殊64位游戏的call（像魔兽世界就是特殊的调用call方式才能有效执行）[外链图片转存失败,源站可能有防盗链机制,建议将图片保存_魔兽世界 call 远程

手机测试Android模块,五个有用的Xposed模块，用于自定义您的Rooted Android手机 | MOS86...-程序员宅基地

文章浏览阅读954次。Modding Android远不是一个新的想法，而是在将操作系统转换为您的意愿的同时，Xposed是其中最强大的工具之一。虽然有几十个Xposed模块可用，我们是什么？简而言之，Xposed框架允许用户选择和选择他们的功能它把它放在just: Xposed没有X)。该计划是最终推出Xposed对操作系统的支持，但不幸的是，在发生这种情况之前有很多障碍。Xposed的开发者在2017年1月发布了一..._安卓框架模块

随便推点

Ubuntu18.04查看glibc的版本号_ubuntu 查看 libc-程序员宅基地

文章浏览阅读6.9k次，点赞3次，收藏3次。pwn@VirtualBox:~$ ls -l /lib/x86_64-linux-gnu/libc.so.6 lrwxrwxrwx 1 root root 12 3月 13 12:35 /lib/x86_64-linux-gnu/libc.so.6 -> libc-2.27.sopwn@VirtualBox:~$ ldd --versionldd (Ubuntu GLIBC 2.2..._ubuntu 查看 libc

python基础笔记，超详细，包含面向对象基础，爬虫实战【持续更新中...】-程序员宅基地

文章浏览阅读1.6k次，点赞6次，收藏16次。本笔记中的函数和方法同义本笔记概念及代码由newbing搜集整理得出本笔记适合有一定其他编程语言基础的同学，因为笔记中省略了部分基础概念（比如整型，浮点型等基本数据类型的介绍）如果有错误，欢迎在评论区指出，我会尽快修正Python 与 C/C++、Java 这些 C 类语言不同，Python 使用缩进来表示代码块，缩进的空格数量可以由个人习惯决定，但同一个代码块的缩进空格数必须相同。上面程序的 if 部分和 else 部分缩进不相同，但是在各自的代码块内缩进是相同的，所以是正确的程序。Python 的代码