使用BrowserSync的Laravel Homestead

Question

我正在尝试使用与Laravel的browsersync。我从laracasts跟踪了这个tutorial，但我的browsersync没有同步。

这是我的gulpfile：

var elixir = require('laravel-elixir');
elixir(function(mix) {
    mix.sass('app.scss');
    mix.browserSync();
});

我的应用是homestead.app。所以，在开始gulp watch之后，我去了homestead.app:3000并看到我的app没有BrowserSync。

我去了homestead.app:3001，我可以访问BrowserSync仪表板，显示：

本地 http://localhost:3000

外部 http://10.0.2.15:3000

代理功能： http://homestead.app

当前连接 此处将列出已连接的浏览器。

本地和外部链接无响应。

无论我做了什么，我都无法在Current Connections选项卡中看到任何连接。

我尝试了什么：

尝试从我当地的环境而不是家园运行gulp watch。

这次本地和外部链接都指向我的应用，但没有同步。

我正在使用Windows 8.1

任何帮助都将不胜感激。

Answer 1

好吧，在试图达到预期效果几个小时后，我决定采用普通的老口，而不是Laravel Elixir。

我删除了node_modules文件夹，清理了默认的package.json和gulpfile.js文件并对其进行了自定义，然后运行了干净的npm install。

之后，我在本地机器上使用了gulp watch。此外，我使用LiveReload而不是BrowserSync。