docker - Laravel 8 jetstream 热重载和浏览器同步不起作用

Question

我刚创建的系统有一个大问题。

我使用 docker 和 laravel sail 使用 jetstream 完成了 Laravel 8 的标准安装...

但是，我无法执行 npm run hot 或 npm run watch 来自动重新加载或浏览器同步...

我的文件是 laravel 8 的标准文件，我还没有对代码进行任何更改。

信息:

• Laravel:v8.41.0
• PHP:PHP v8.0.5
• Jetstream:v2.3.5
• npm:v7.7.6
• NodeJS:v15.14.0

我的 webpack.mix.js 看起来像这样:

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 看起来像这样:

const path = require('path');

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

我也曾尝试使用我在早期研究中发现的一些信息来更改这两个 webpack，但实际上没有任何效果，是否有 Hot Reload 和 Browser Sync 与 Laravel Sail 一起工作的方法？

Answer 1

虽然浏览器同步脚本已经包含在 app.blade.php 中，但我也没有让它工作。我删除了该行并扩展了我的 webpack.mix.js 如下:

mix.browserSync({
    proxy: 'YOURDOMAIN.test',
    host: 'YOURDOMAIN.test',
    open: 'external'
});

然后运行 ​​npm run watch - 可能运行两次，因为它要安装 browsersync - 它正在运行。