使用BrowserSync的Laravel Homestead

时间:2016-04-29 18:45:29

标签: laravel laravel-5 laravel-5.2 browser-sync laravel-elixir

我正在尝试使用与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

任何帮助都将不胜感激。

1 个答案:

答案 0 :(得分:1)

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

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

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