Html-webpack-plugin: Build falls after upgrading webpack to v4

[finom]

Subj. The usage of the plugin is regular. I will provide more info if needed.

Error Message & Stack Trace

/Users/finom/Work/djavan-front-end/node_modules/html-webpack-plugin/lib/compiler.js:81
        var outputName = compilation.mainTemplate.applyPluginsWaterfall('asset-path', outputOptions.filename, {
                                                  ^

TypeError: compilation.mainTemplate.applyPluginsWaterfall is not a function
    at /Users/finom/Work/djavan-front-end/node_modules/html-webpack-plugin/lib/compiler.js:81:51
    at compile (/Users/finom/Work/djavan-front-end/node_modules/webpack/lib/Compiler.js:222:11)
    at hooks.afterCompile.callAsync.err (/Users/finom/Work/djavan-front-end/node_modules/webpack/lib/Compiler.js:470:14)

[drihu]

By now, it's incompatible with webpack v4 (webpack v4 migration plan #816), but they're working on that. It seems @jantimon is working outside and can't commit the new changes. By the moment you can try installing webpack-contrib/html-webpack-plugin. It has committed the new changes til jantimon's back. Uninstall first. It works for me.
npm install -D webpack-contrib/html-webpack-plugin

[MadOgre]

Please fix this. I can't use webpack 4 without it. The webpack-contrib/html-webpack-plugin is broken too

[kaiyoma]

Ran into this also via yarn check:

error "html-webpack-plugin#webpack@1 || ^2 || ^2.1.0-beta || ^2.2.0-rc || ^3" doesn't satisfy found match of "[email protected]"

[haishengXie0712]

You can specify that you can use [email protected] to support the html-webpack-plugin.
npm install [email protected] --save-dev

[ronkorving]

@haishengXie0712 I think the whole point is that people want to upgrade to Webpack 4 :)

[haishengXie0712]

It may not be supported for a while, so use it first.

[mateBe95]

It's still Error: Child compilation failed,

when they are going to fix that issue?

[songololo]

See the blog post and scroll down to "If you use HtmlWebpackPlugin" for background including a rough timeline.

For others running into non-unique variations of these issues, please use the thumbs-up on the corresponding posts instead of posting new comments or posting "+1".

New non-unique comments spam the inboxes of those subscribed to this thread for the purpose of being informed when it is formally resolved.

[lovetingyuan]

https://medium.com/webpack/webpack-4-migration-guide-for-plugins-loaders-20a79b927202
compatibility for plugins or loaders is not that satisfactory

[dinfyru]

+1

[wiseguy]

I had to downgrade webpack-dev-server as well. 2.11.0 worked so settled for that.

[yyynnn]

webpack-contrib/html-webpack-plugin install in yarn gives me this error:

An unexpected error occurred: "https://github.com/webpack-contrib/html-webpack-plugin: self signed certificate in certificate chain".

same in npm

[ghost]

+1

[jantimon]

We are trying to release html-webpack-plugin 3.0 until the mid/end of this week

[garrettmaring]

This seems to still be an issue.

"html-webpack-plugin": "^3.2.0",
"webpack": "^4.8.2"

[lock[bot]]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.