compilation.mainTemplate.applyPl

webapck升级后的报错记录

1、提示：

图片.png

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

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

5、最后，又搜索了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