问题标签 [gulp-browser-sync]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
438 浏览

gulp - 使用 gulp 和浏览器同步更新文件时,浏览器无法重新加载

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

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

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

和命令行显示:</p>

在此处输入图像描述

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

===

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

0 投票
1 回答
2865 浏览

wordpress - 浏览器同步代理不起作用

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

这是我的 Gulp 设置:

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

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

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

谢谢!

0 投票
1 回答
15 浏览

sass - 为什么我的 gulpfile 只导致零星的 css 注入?

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

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

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

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

0 投票
1 回答
1293 浏览

gulp - Browser-Sync 未将 CSS 注入浏览器

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

谢谢你的时间!

0 投票
1 回答
528 浏览

node.js - 安装 Browsersync Gulp

当我尝试通过这种方式安装 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 没有存储库字段。

问题是什么?

0 投票
0 回答
502 浏览

gulp - browserSync.reload() 重新加载浏览器后挂起

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

[BS] Reloading Browsers...

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

这是代码

0 投票
1 回答
173 浏览

php - Laravel "gulp watch" 自动编译资源但不会重新加载浏览器

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

这是我的gulpfile.js

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

0 投票
1 回答
530 浏览

typescript - 使用 BrowserSync 和 Gulp 在 TypeScript 项目中没有控制台输出

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

我的 Gulp 任务:

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

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

0 投票
0 回答
832 浏览

json - Gulp browsersync 卡住重新加载浏览器

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

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

我的代码错了吗?

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

0 投票
1 回答
860 浏览

middleware - Browsersync 中间件替换字符串

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

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

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

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

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

但无济于事。

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