问题标签 [gulp-browser-sync]

我完全遵循了https://browsersync.io/docs/gulp的说明

我的 gulpfile.js 代码：</p>

当我更新sass文件时，似乎css文件会立即更新，但浏览器无法重新加载。

和命令行显示：</p>

似乎cli无法连接到浏览器？

===

问题解决了，我的html文件没有body标签，见https://github.com/BrowserSync/browser-sync/issues/392#issuecomment-245380582

我正在使用 Gulp 和 Browser Sync 和 XAMPP 来处理我正在构建的 Wordpress 网站。

这是我的 Gulp 设置：

我遇到的问题是我的本地主机正在端口 80 上工作，而浏览器同步尝试打开 81 端口。请参阅随附的屏幕截图。

我禁用了 Skype 使用 80 端口，检查了 Windows 进程并且只有 Apache 正在使用这个端口。

不管我做什么，浏览器同步总是试图打开 localhost:81 而不是 80 ，所以我不能使用它。请注意，gulp、浏览器同步和所有其他东西都是最新的，安装了最新版本。

谢谢！

以下 gulp 任务适用于某些 css 文件，但不适用于其他文件。我的全局样式根据需要在保存时注入，但我的 roadmap.css 文件不是（需要硬刷新）。

我该如何调试/解决这个问题？

正确注入了全局样式但没有正确注入路线图文件的页面。

这些都是由 build-sass 生成的。我很想得到任何帮助，现在已经坚持了几个小时。

直到最近我才使用这个 gulp 文件。现在一切仍然有效，除了将编译后的 CSS 注入浏览器之外，CSS 仍然被编译。

谢谢你的时间！

当我尝试通过这种方式安装 Browsersync 时：

我收到一些错误：

D:\projekt>npm install --save-dev browser-sync

npm WARN 已弃用 node-uuid@1.4.7：使用 uuid 模块代替 projekt@1.0.0 D:\projekt `-- browser-sync@2.18.7

npm WARN 可选跳过可选依赖：fsevents@^1.0.0 (node_modules\chokidar\node_modules\fsevents)：npm WARN notsup 跳过可选依赖：fsevents@1.0.17 不支持的平台：想要 {"os":"darwin"," arch":"any"}（当前：{"os":"win32","arch":"x64"}）

npm WARN projekt@1.0.0 没有存储库字段。

问题是什么？

我为各种文件类型创建了一个手表，除了 html 之外，所有文件都可以正常工作。我不是使用stream我必须使用reload来确保更改显示。但是，当我调用browserSync.reload它时，它会重新加载浏览器但挂起。git-bash 中的消息停留在

[BS] Reloading Browsers...

所有的观察者都停止工作。

这是代码

我在 laravel 5.3 上运行 gulp，似乎gulp watch只通过 browsersync 运行和同步一次。每当我对脚本进行更改时，都会自动编译资产，但浏览器不会重新加载。

这是我的gulpfile.js

我检查http://localhost:3001/并在 browserSync 设置上启用了所有功能。

对于我的 TypeScript 项目，我使用 BrowserSync 来检查我的工作结果。我正在尝试通过 console.log 在 TypeScript 代码中记录我的一些应用程序状态。

我的 Gulp 任务：

我没有从 Windows cmd（我在其中运行 Gulp 'watch' 任务）和浏览器控制台（在 DevTools [F12] 中）得到任何反馈

console.log 的默认目标是什么，我该如何设置它才能工作？

我正在尝试简化我的工作流程并包括模板。我安装了 Nunjucks 并尝试进行设置，因此每当我保存对模板文件的更改时，gulp watch 将触发 nunjucks 功能并刷新我的浏览器。（firefoxdeveloperedition）

一开始它可以工作，但后来我的浏览器停止重新加载更改。每次我保存浏览器都会刷新但没有出现更改。这是我的 gulpfile（我从中删除了其他任务，但保留了要求，以便您可以看到我已安装的模块）

我的代码错了吗？

编辑：经过更多测试后，它实际上似乎与 Firefox 开发者版相关联......

我正在尝试创建一个 Browsersync 中间件来替换 HTML 文件中的字符串，然后再将它们提供给浏览器。

我不完全确定这是可能的。

到目前为止，我能够确定何时请求 HTML 文件：

我可以console.log()在if声明中添加一个，这样我就知道它正在工作。

但从这里我真的被困住了。我已经搜索了如何做到这一点的示例，例如

但无济于事。

我应该说我正在使用带有 Gulp 的 Browsersync。对此的任何帮助将不胜感激！