项目场景:
使用webpack打包运行命令 npm run dev后出现如下错误提示:
// 当前package.json 文件
“devDependencies”: {
“html-webpack-plugin”: “^5.2.0”,
“webpack”: “^5.23.0”,
“webpack-cli”: “^4.1.0”,
“webpack-dev-server”: “^3.11.2”
}
问题描述:
PS E:\www\wuyaohua\webpack-senior> npm run dev
internal/modules/cjs/loader.js:883
throw err;
^
Error: Cannot find module ‘webpack-cli/bin/config-yargs’
Require stack:
- E:\www\wuyaohua\webpack-senior\node_modules\webpack-dev-server\bin\webpack-dev-server.js
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:880:15)
at Function.Module._load (internal/modules/cjs/loader.js:725:27)
at Module.require (internal/modules/cjs/loader.js:952:19)
at require (internal/modules/cjs/helpers.js:88:18)
at Object. (E:\www\wuyaohua\webpack-senior\node_modules\webpack-dev-server\bin\webpack-dev-server.js:65:1)
at Module._compile (internal/modules/cjs/loader.js:1063:30)
at Object.Module._extensions…js (internal/modules/cjs/loader.js:1092:10)
at Module.load (internal/modules/cjs/loader.js:928:32)
at Function.Module._load (internal/modules/cjs/loader.js:769:14)
at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:72:12) {
code: ‘MODULE_NOT_FOUND’,
requireStack: [
‘E:\www\wuyaohua\webpack-senior\node_modules\webpack-dev-server\bin\webpack-dev-server.js’
]
}
npm ERR! code 1
npm ERR! path E:\www\wuyaohua\webpack-senior
npm ERR! command failed
npm ERR! command C:\Windows\system32\cmd.exe /d /s /c webpack-dev-server
npm ERR! A complete log of this run can be found in:
npm ERR! D:\nodejs\node_cache_logs\2021-02-21T06_11_04_729Z-debug.log
原因分析:
关键问题点:Error: Cannot find module ‘webpack-cli/bin/config-yargs’
原因webpack-dev-server ^3 需要安装webpack-cli ^3
网上搜索,有人建议将webpack-cli版本降到3,有时会出现新的问题,不能npm install webpack-cli@3 --dev;
解决方案:
解决方法步骤:
1.卸载当前的 webpack-cli :npm uninstall webpack-cli
2.安装 webpack-cli 3.* 版本 npm install webpack-cli@3 -D
3.如果npm install webpack-cli@3 -D不能安装,则使用yarn进行安装 yarn add webpack-cli@3 --dev
// package.json文件
“devDependencies”: {
“html-webpack-plugin”: “^5.2.0”,
“webpack”: “^5.23.0”,
“webpack-cli”: “3”,
“webpack-dev-server”: “^3.11.2”
}
原创文章请随便转载。愿和大家分享,并且一起进步。——wuyaohua
原文地址:https://blog.csdn.net/weixin_55242897/article/details/113918847
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。