Laravel-Mix + BrowserSync未在本地主机上加载：3000

Question

我正在尝试建立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

有什么想法吗？

Answer 1

安装这2个插件

1. “浏览器同步”：“ ^ 2.26.5”
2. “浏览器同步Webpack插件”：“ ^ 2.0.1”，

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

Answer 2

我能够通过brosersync重新加载，将injectChanges: false添加到浏览器同步行中。

Answer 3

您必须这样做：

mix.browserSync（{ 代理：“ http：// localhost：8000” }）;