elementui源碼解讀-問題5 TypeError: compilation.mainTemplate.applyPluginsWaterfall is not a function

1.異常問題 TypeError: compilation.mainTemplate.applyPluginsWaterfall is not a function

參考 https://blog.csdn.net/zaocha321/article/details/104080778

解決方法升級 html-webpack-plugin

npm i html-webpack-plugin@next

 

2.異常問題 安裝html-webpack-plugin后,出現行的問題

TypeError: Cannot read property 'tap' of undefined
    at HtmlWebpackPlugin.apply (D:\losedguest\MyDemo\Vue\workplace\webui\node_modules\html-webpack-plugin\index.js:40:31)
    at webpack (D:\losedguest\MyDemo\Vue\workplace\webui\node_modules\webpack\lib\webpack.js:51:13)
    at startDevServer (D:\losedguest\MyDemo\Vue\workplace\webui\node_modules\webpack-dev-server\bin\webpack-dev-server.js:94:16)
    at processOptions (D:\losedguest\MyDemo\Vue\workplace\webui\node_modules\webpack-dev-server\bin\webpack-dev-server.js:166:3)
    at findPort.then (D:\losedguest\MyDemo\Vue\workplace\webui\node_modules\webpack-dev-server\lib\utils\processOptions.js:33:9)
    at process._tickCallback (internal/process/next_tick.js:68:7)
    at Function.Module.runMain (internal/modules/cjs/loader.js:834:11)
    at startup (internal/bootstrap/node.js:283:19)
    at bootstrapNodeJSCore (internal/bootstrap/node.js:623:3)

發現安裝的html-webpack-plugin:"^5.0.0-alpha.14" 最新版本

打開html-webpack-plugin的packages.json文件 發現其依賴的webpack版本是5.4.0而本項目的"webpack": "^4.43.0",

 

解決方法

到網址https://www.npmjs.com/package/html-webpack-plugin上找下html-webpack-plugin歷史版本,我用的最新4.X.X裡面 "html-webpack-plugin": "^4.5.0",

然後重新安裝npm i html-webpack-plugin@^4.5.0