Laravel-Mix + BrowserSync 未在 localhost:3000 加载答案

【问题标题】：Laravel-Mix + BrowserSync Not Loading at localhost:3000Laravel-Mix + BrowserSync 未在 localhost:3000 加载
【发布时间】：2019-12-24 01:58:56
【问题描述】：

我正在尝试设置 BrowserSync 以使用我的 Laravel 项目。但是，当我运行npm run watch 时，localhost:3000 不会加载。我在终端中没有收到任何编译错误。有趣的是，localhost:3001 上的 UI 仪表板工作得非常好。

如果我运行php artisan serve，localhost:8000 加载正常，但当然，它与BrowserSync 无关。

我的webpack.mix.js 文件如下所示：

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

mix.browserSync({proxy:'localhost:3000'});

我正在使用以下版本：

Laravel-Mix: 4.0.7

browser-sync: 2.26.7

webpack-dev-server: 3.8.0

browser-sync-webpack-plugin: 2.0.1

有什么想法吗？

【问题讨论】：

标签： laravel webpack webpack-dev-server browser-sync laravel-mix

【解决方案1】：

安装这两个插件：

“浏览器同步”：“^2.26.5”
"browser-sync-webpack-plugin": "^2.0.1",

mix.browserSync('http://localhost:8000/');

【讨论】：

感谢您的帮助。我尝试了这个修改，它仍然没有工作。当我运行npm run dev 时，它仍然找不到localhost:3000 或localhost:8000。如果我运行php artisan serve，它会显示localhost:8000，但它没有与browser-sync同步，所以它不会自动刷新。
你必须同时运行两个推荐。第一次运行（php artisan serve）它将打开一个端口为 8000 的服务器，然后运行（npm run watch）
我现在就试试。浏览器会在localhost:8000 中刷新吗？
你救了我的命@jualahmed！！花了两个小时寻找解决方案，这很有效！！！不知道为什么，但它有效！哈哈
非常感谢您！为我节省了很多时间。

【解决方案2】：

我能够通过 brosersync 重新加载，将 injectChanges: false 添加到我的 browsersync 行。

【讨论】：

【解决方案3】：

你必须这样做：

mix.browserSync({
    proxy: "http://localhost:8000"
});

【讨论】：