Laravel 8 Jetstream hot Reload and Sync browser do not work

Question

Greetings to all, I have a big problem in a system that I just created.

I did the standard installation of Laravel 8 with Jetstream using Docker and sail...

But I can’t seem to do the npm run hot or npm run watch give auto Reload or Sync browser...

My files are by default from Laravel 8 and I haven’t made any kind of changes within the code.

information:

• Laravel: V8.41.0
• PHP: PHP V8.0.5
• Jetstream: v2.3.5
• npm: v7.7.6
• Node: v15.14.0

my webpack.mix.js is like this:

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

/*
 |--------------------------------------------------------------------------
 | Mix Asset Management
 |--------------------------------------------------------------------------
 |
 | Mix provides a clean, fluent API for defining some Webpack build steps
 | for your Laravel applications. By default, we are compiling the CSS
 | file for the application as well as bundling up all the JS files.
 |
 */

mix.js('resources/js/app.js', 'public/js').vue()
    .postCss('resources/css/app.css', 'public/css', [
        require('postcss-import'),
        require('tailwindcss'),
    ])
    .webpackConfig(require('./webpack.config'));

if (mix.inProduction()) {
    mix.version();
}

webpack.config.js is like this:

const path = require('path');

module.exports = {
    resolve: {
        alias: {
            '@': path.resolve('resources/js'),
        },
    },
};

I have also tried to change the two webpacks with some information I found earlier in research, but really nothing is working, would have some middle of the Hot Reload and Browser Sync work together with the Laravel Sail?