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

Posted 2021-05-06

有些东西正在制作我的开箱即用的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();

编辑：任何有关缩小问题的提示也将受到赞赏。

答案

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

另一答案

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

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

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

而且，如果像我一样，你正在使用工匠服务器进行开发，你甚至可以定位（只要你在你的项目中运行php artisan serve）：

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