compilation.mainTemplate.applyPluginsWaterfall is not a function

webpack升級後的報錯記錄html

一、提示:
圖片.pngwebpack

二、個人webpack版本爲 "webpack": "^4.41.2"git

三、而後,搜索了錯誤提示。
查看了連接地址爲:https://github.com/webpack/we...github

四、按照別人給的一個個方式去嘗試。都統統無效。
大多數人是提議安裝最新版的extract-text-webpack-plugin。
我已經安裝了。
圖片.pngweb

五、又再次搜索,查看連接地址爲:https://github.com/jantimon/h...
標題爲:
Webpack 4: compilation.mainTemplate.applyPluginsWaterfall is not a function #841npm

這裏讓我安裝提示來搜索哪裏報錯。app

六、最後,又搜索了stackoverflow,
連接地址:https://stackoverflow.com/que...ui

錯誤緣由是:
Webpack 4進行了一些過期的更改,而且html-webpack-plugin的做者未更改新要求的代碼,所以,此插件不適用於新的webpack 4版本。 核心的webpack團隊分叉了這個插件,直到做者更改了此程序包提供的初始代碼和他們的fork contrib / html-webpack-plugin 所以,您應該安裝此叉子而不是原始叉子。 您能夠經過簡單地從npm或yarn安裝,spa

因此:安裝了html-webpack-plugin的beta版。
安裝命令:插件

npm i --save-dev html-webpack-plugin@next

結果:
圖片.png

最後,成功!!!

圖片.png

相關文章
相關標籤/搜索