Upgrading to webpack 4 issue

I’m getting the following when trying to build webpack 4:

TypeError: Cannot read property ‘tapAsync’ of undefined at /Users/user/react-boilerplate/node_modules/favicons-webpack-plugin/index.js:73:62

this is the code in index.js:73

if (!tapped++) {
   cmpp.hooks.htmlWebpackPluginBeforeHtmlProcessing.tapAsync(
       'favicons-webpack-plugin',
       addFaviconsToHtml
    );
}

any ideas?

[Greg808]

actually I used this plugin https://github.com/brunocodutra/webapp-webpack-plugin witch is a fork of your plugin and brunocodutra fixed it

[zeravcic]

It seems that solution is to add mandatory html-webpack-plugin plugin! Yes?

Environment

• JeffreyWay/laravel-mix v4.0.16
• jantimon/html-webpack-plugin v3.2.0
• jantimon/favicons-webpack-plugin v0.0.9 - commit [7845e4f20a54776555674ecc0537ca3d89aa2ccd]

Possible solution

This solution works for me (using Laravel Mix v4.0.16) Code:

const mix = require('laravel-mix')
const HtmlWebpackPlugin = require('html-webpack-plugin')
const FaviconsWebpackPlugin = require('favicons-webpack-plugin')

const htmlWebpackPlugin =  new HtmlWebpackPlugin();
const faviconsWebpackPlugin = new FaviconsWebpackPlugin({
    logo: path.join('path/to/my-logo.png'),
    prefix: 'path/to/favicons-[hash]/',
    emitStats: true,
    statsFilename: 'path/to/faviconstats.json',
});

/*
 |--------------------------------------------------------------------------
 | Webpack config
 |--------------------------------------------------------------------------
 */
mix.webpackConfig({
    plugins: [
        htmlWebpackPlugin,
        faviconsWebpackPlugin,
    ]
})

…and then of course - $ npm run production

I am waiting to hear some others experiences 😃 👍 👎