阅读 355

compilation.mainTemplate.applyPluginsWaterfall is not a function

webpack升级后的报错记录

1、提示:

图片.png

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

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

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

图片.png

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

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

6、最后,又搜索了stackoverflow, 链接地址: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