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

Question

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

如果我运行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

安装这两个插件：

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

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