compilation.mainTemplate.applyPluginsWaterfall is not a function

webpack升级后的报错记录

1、提示:
compilation.mainTemplate.applyPluginsWaterfall is not a function_第1张图片

2、我的webpack版本为 "webpack": "^4.41.2"

3、然后,搜索了错误提示。
查看了链接地址为:https://github.com/webpack/we...

4、按照别人给的一个个方式去尝试。都通通无效。
大多数人是提议安装最新版的extract-text-webpack-plugin。
我已经安装了。
图片.png

5、又再次搜索,查看链接地址为:https://github.com/jantimon/h...
标题为:
Webpack 4: compilation.mainTemplate.applyPluginsWaterfall is not a function #841

这里让我安装提示来搜索哪里报错。

6、最后,又搜索了stackoverflow,
链接地址:https://stackoverflow.com/que...

错误原因是:
Webpack 4进行了一些过时的更改,并且html-webpack-plugin的作者未更改新要求的代码,因此,此插件不适用于新的webpack 4版本。 核心的webpack团队分叉了这个插件,直到作者更改了此程序包提供的初始代码和他们的fork contrib / html-webpack-plugin 因此,您应该安装此叉子而不是原始叉子。 您可以通过简单地从npm或yarn安装,

所以:安装了html-webpack-plugin的beta版。
安装命令:

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

结果:
图片.png

最后,成功!!!

图片.png

你可能感兴趣的:(前端)