[webpack-cli] Unable to load '@webpack-cli/serve' command

复制代码
npm run dev 报错总结

[webpack-cli] Unable to load '@webpack-cli/serve' command
[webpack-cli] TypeError: options.forEach is not a function
    at WebpackCLI.makeCommand (E:\vue\webopj\node_modules\webpack-cli\lib\webpack-cli.js:173:21)
    at ServeCommand.apply (E:\vue\webopj\node_modules\@webpack-cli\serve\lib\index.js:42:19)
    at loadCommandByName (E:\vue\webopj\node_modules\webpack-cli\lib\webpack-cli.js:907:35)
    at async Command.<anonymous> (E:\vue\webopj\node_modules\webpack-cli\lib\webpack-cli.js:1462:17)
    at async Promise.all (index 0)
    at async WebpackCLI.run (E:\vue\webopj\node_modules\webpack-cli\lib\webpack-cli.js:1500:9)
    at async runCLI (E:\vue\webopj\node_modules\webpack-cli\lib\bootstrap.js:11:9)
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! webopj@1.0.0 dev: `webpack serve`
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the webopj@1.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\thinkpad\AppData\Roaming\npm-cache\_logs\2022-02-10T06_29_22_956Z-debug.log

解决方法:
    方法 1.npm install -D webpack-cli@4.7.2 
        //这步告诉npm 我安装了webpack-cli了并记录在webpack.config
       //当执行npm run dev 时会读取webpack
    方法 2.  webpack-cli版本问题,指定的版本与环境冲突
             npm install -g cnpm --registry=https://registry.npmmirror.com
        //安装淘宝的镜像
             npm uninstall webpack-cli
             npm install  webpack-cli
     注意:-g全局安装,不会将安装版本告诉npm即使加了-D ,所有执行npm run dev 不会检测到wepack-cli已经安装
复制代码
复制代码
[webpack-cli] TypeError: Cannot read property 'tap' of undefined
复制代码
原因:webpack的版本号跟html-webpack-plugin的版本号不匹配,不兼容

当前版本:

webpack 4.46.0
webpack-cli 4.3.1

html-webpack-plugin@5.3.2

解决:降低版本

npm install -D html-webpack-plugin@4.5.0

原文链接:https://blog.51cto.com/u_15127538/4283348
复制代码

 

复制代码

 

posted @   嘉琦  阅读(1001)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
· 上周热点回顾(2.17-2.23)
点击右上角即可分享
微信分享提示