问题标签 [browser-sync]

有人能告诉我为什么我的代理 URL 不能与 BrowserSync 和 Gulp 一起使用吗？相反，它只是继续使用http://localhost:3000作为开发 URL。

我想观看多个文件，当它们发生变化时，我想运行 MsBuild 并在构建完成时使用 BrowserSync 重新加载。到目前为止，我有这个“观察者”：

而这个构建任务：

这工作正常，但在构建完成之前重新加载浏览器。首先我认为是 gulp-msbuild 的问题，但我忘记了return，请参阅：https ://github.com/hofi/gulp-msbuild/issues/8 。

构建任务在重新加载之前被触发，但它不会等到它完成。任何想法如何解决这一问题？

提前致谢！

我在使用 SASS 处理的监视任务设置 BrowserSync 时遇到一些问题。

当我执行时：

BrowserSync 服务器启动，我看到“Serving files from: ./ and Watching files。sass 从未编译过。就像两个任务都没有启动。

当我执行时：

sass 已正确监视和编译，但未启动 BrowserSync 服务器。

};

我看到 BrowserSync 的 2.0 版本有一个漂亮的新的基于 Web 的 UI。

我将本地站点设置为 gulp 作为任务运行程序，并将 BrowserSync 设置为 gulp 任务。

当我访问 localhost:3001 时，UI 不存在。当我从 cli 自己运行 BrowserSync 时，我确实看到了 Web UI。

我错过了什么？谢谢！

是否可以使用浏览器同步运行茉莉花规格硒测试用例？

我能够在 nodejs 中使用 browsersync 运行简单的 html 文件。是否可以使用相同的方式运行茉莉花规格。

我刚刚在 Windows 上使用 JHipster 创建了一个新应用程序。我可以使用“mvn spring-boot:run”很好地运行它。但是，我想自动重新加载页面，因此想使用“grunt serve”。当我运行它时，它开始正常。但是当我在 Chrome 中访问“ http://localhost:3000/ ”时，它只是坐在那里等待服务器连接。我可以访问http://localhost:3001/并查看 BrowserSync，但“当前连接”部分下没有列出任何服务器。

这是我在运行“grunt serve”后看到的输出：

我只是从来没有在浏览器中看到任何东西（Chrome 和 Firefox 都没有连接）。

我看到另一个帖子建议我删除我的节点模块目录并使用“npm install”重新安装。我这样做并得到了相同的结果。

今晚我看了一个半小时。昨晚，终于触发了一些东西，它开始工作了。但是今晚我遇到了同样的问题。我不知道昨晚终于让它工作了。昨晚我一直有同样的问题一个小时。

我难住了。

我在让实时重新加载以在 BrowserSync 中工作时遇到问题。如果有什么不同，我有一个 wordpress 网站。除了实时重新加载/注入之外的所有内容似乎都可以正常工作。我有一个 Gulp 设置，如下所示：

这是更新 *.scss 文件（运行 gulp watch）时终端显示的内容。

有任何想法吗？

哇，为什么浏览器不同步更新chrome。=[ 我正在使用 gulp 运行浏览器同步，这似乎是正确托管的。我在我的 gulp 文件中设置了这样的服务器：

我在 webstorm 中运行 webserver 任务，我得到一个新的 chrome 标签，上面有一条小消息，上面写着“已连接到浏览器同步”。惊人的。我也在输出窗口中得到这个。

一切看起来都很棒。然后我在 index.html 中更改一些 HTML 并运行重新加载任务。我得到这个输出：

但是浏览器没有更新我的最新内容。我试图将其归结为应该工作的最基本的代码，但我无法让它更新浏览器。=[我是否遗漏了任何会阻止它工作的东西？

Browsersync 看起来很棒，我让它在我的测试机器上运行良好并跨浏览器同步。但是，我无法让外部设备（例如电话）使用它。

我可以使用我的 IP 地址（192.168.0.4）从我的手机连接到我的本地主机，但我无法让它连接到 browsersync（192.168.0.4:3000）建议的端口，因此我没有获得实时重新加载功能. 它返回一个超时错误。

我正在为我的 Apache/PHP 使用 WAMP，并且不禁认为这是 Apache 中的一个设置，我错了。

浏览器同步设置：

阿帕奇设置：

我也试过在我的工作机器上没有成功（尽管它也有类似的设置）。

关于我可以尝试什么的任何想法？

我在让浏览器同步与我的翡翠设置配合使用时遇到了一些问题。

我已将我的玉文件分成许多较小的部分，以包含在我的每个主模板中。

文件夹结构如下。

吞咽任务：

我的 gulp watcher 正在查看所有的翡翠文件（'jade/source/**/*.jade'）

当我对我的 template.jade 文件进行更改时，该设置运行良好。但是，如果我对其中一个部分进行编辑，则任务不会运行。

这是因为.pipe(changed('./', {extension: '.html'}))

如果我删除这一行，所有的翡翠文件都将编译，并且浏览器将在浏览器中呈现更改之前重新加载多次（我经常需要手动刷新页面才能看到更改）。

我觉得我需要以.pipe(changed('./', {extension: '.html'}))某种形式使用来阻止所有模板被处理，但在其中捕获部分模板中所做的更改。

有任何想法吗？谢谢戴夫