Laravel Mix + BrowserSync无限加载开箱即用

Question

正在制作我的开箱即用的Laravel项目browser-sync并安装browser-sync-webpack-plugin以在浏览器同步页面无限加载。它在http://localhost上工作正常，但浏览器同步（localhost：3000）版本不会停止加载并且不显示内容，只显示白页。

我发现this问题与我的问题类似，但没有任何答案。

这最近才开始在我的机器上发生。起初我以为是因为防病毒或防火墙，但禁用它们没有好处。我甚至无法弄清楚是什么导致页面永远不会加载。

这是我的 webpack.mix.js 文件的样子：

mix.js('resources/assets/js/script.js', 'public/js')
.sass('resources/assets/sass/main.scss', 'public/css')
.disableNotifications()
.browserSync();

修改：有关缩小问题范围的任何提示也将受到赞赏。

Answer 1

对我来说，问题是在windows hosts文件中添加了任何url browsersync代理，并将其指向127.0.0.1。

Answer 2

Laravel中使用的mix-browsersync软件包的默认代理目标是app.test。

您可以在混合文件中指定其他代理目标：

mix
    .sass('resources/sass/app.scss', 'public/css')
    .js('resources/js/app.js', 'public/js')
    .browserSync('localhost');

而且，如果像我一样，您正在使用artisan服务器进行开发，甚至可以将其作为目标（只要您在项目中运行php artisan serve）：

mix
    .sass('resources/sass/app.scss', 'public/css')
    .js('resources/js/app.js', 'public/js')
    .browserSync('localhost:8000');