Can't run hot

• Laravel Mix Version: 6.0.28
• Node Version: 16.7.0
• NPM Version: 7.20.3
• OS: Windows 10

Description:

npm run hot results in the following error:

[webpack-cli] Error: [HPM] Missing "target" option. Example: {target: "http://www.example.org"}

Steps To Reproduce:

I did have this setup working before, but downgrading packages hasn’t worked, not sure what exactly the culprit is:

webpack.mix.js:

let mix = require('laravel-mix');

mix.webpackConfig(require('./webpack.config'));

mix.js('resources/js/app.js', 'js').vue()
    .sass('resources/scss/app.scss', 'css')
    .version();

webpack.config.js:

const path = require('path');

module.exports = {
    output: {chunkFilename: 'js/[name].js?id=[chunkhash]'},
    resolve: {
        alias: {
            '@': path.resolve('resources/js'),
        },
    },
    devServer: {
        proxy: {
            host: '0.0.0.0',
            port: 8080,
            contentBase: path.resolve(__dirname, 'public'),
        }
    }
};

I can get the build to work by providing a target to the proxy, however no live reloading happens despite file changes, e.g.:

devServer: {
    proxy: {
        target: process.env.APP_URL,
        host: '0.0.0.0',
        port: 8080,
        contentBase: path.resolve(__dirname, 'public'),
    }
}

[jsandfordhughes]

Since this morning, #3074 actually fixed it for me, I didnt think it was working at first as the previous console notifications about HMR being active are no longer there however changing a file does indeed update the page.

[benjivm]

@jsandfordhughes thanks! Updating my config to the following fixed it:

webpack.config.js:

module.exports = {
    output: {chunkFilename: 'js/[name].js?id=[chunkhash]'},
    resolve: {
        alias: {
            '@': path.resolve('resources/js'),
        },
    },
    devServer: {
        allowedHosts: 'all'
    }
};