Laravel Homestead与BrowserSync

Laravel Homestead with BrowserSync

我正在尝试将Laravel与browsersync一起使用。我遵循了laracasts中的本教程,但是我的浏览器同步未同步。

这是我的gulpfile:

1
2
3
4
5
var elixir = require('laravel-elixir');
elixir(function(mix) {
    mix.sass('app.scss');
    mix.browserSync();
});

我的应用程序是homestead.app。因此,启动了gulp watch之后,我转到homestead.app:3000并查看没有BrowserSync的应用程序。

我转到homestead.app:3001,可以访问BrowserSync仪表板,该仪表板显示以下内容:

本地
http://本地主机:3000

外部
http://10.0.2.15:3000

代理:
http://homestead.app

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

本地和外部链接无响应。

无论我做什么,在"当前连接"选项卡中都看不到任何连接。

我试过的

尝试从我的本地环境而不是宅基地运行gulp watch。

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

我正在使用Windows 8.1

任何帮助,将不胜感激。


好吧,在尝试了几个小时达到预期的结果之后,我决定选择普通的旧装,而不是Laravel Elixir。

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

之后,我在本地计算机上使用了gulp watch。 另外,我选择了LiveReload而不是BrowserSync。