问题标签 [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.
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
wordpress - 浏览器同步代理不起作用
我正在使用 Gulp 和 Browser Sync 和 XAMPP 来处理我正在构建的 Wordpress 网站。
这是我的 Gulp 设置:
我遇到的问题是我的本地主机正在端口 80 上工作,而浏览器同步尝试打开 81 端口。请参阅随附的屏幕截图。
我禁用了 Skype 使用 80 端口,检查了 Windows 进程并且只有 Apache 正在使用这个端口。
不管我做什么,浏览器同步总是试图打开 localhost:81 而不是 80 ,所以我不能使用它。请注意,gulp、浏览器同步和所有其他东西都是最新的,安装了最新版本。
谢谢!
sass - 为什么我的 gulpfile 只导致零星的 css 注入?
以下 gulp 任务适用于某些 css 文件,但不适用于其他文件。我的全局样式根据需要在保存时注入,但我的 roadmap.css 文件不是(需要硬刷新)。
我该如何调试/解决这个问题?
正确注入了全局样式但没有正确注入路线图文件的页面。
这些都是由 build-sass 生成的。我很想得到任何帮助,现在已经坚持了几个小时。
gulp - Browser-Sync 未将 CSS 注入浏览器
直到最近我才使用这个 gulp 文件。现在一切仍然有效,除了将编译后的 CSS 注入浏览器之外,CSS 仍然被编译。
谢谢你的时间!
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 没有存储库字段。
问题是什么?
gulp - browserSync.reload() 重新加载浏览器后挂起
我为各种文件类型创建了一个手表,除了 html 之外,所有文件都可以正常工作。我不是使用stream
我必须使用reload
来确保更改显示。但是,当我调用browserSync.reload
它时,它会重新加载浏览器但挂起。git-bash 中的消息停留在
[BS] Reloading Browsers...
所有的观察者都停止工作。
这是代码
php - Laravel "gulp watch" 自动编译资源但不会重新加载浏览器
我在 laravel 5.3 上运行 gulp,似乎gulp watch
只通过 browsersync 运行和同步一次。每当我对脚本进行更改时,都会自动编译资产,但浏览器不会重新加载。
这是我的gulpfile.js
我检查http://localhost:3001/
并在 browserSync 设置上启用了所有功能。
typescript - 使用 BrowserSync 和 Gulp 在 TypeScript 项目中没有控制台输出
对于我的 TypeScript 项目,我使用 BrowserSync 来检查我的工作结果。我正在尝试通过 console.log 在 TypeScript 代码中记录我的一些应用程序状态。
我的 Gulp 任务:
我没有从 Windows cmd(我在其中运行 Gulp 'watch' 任务)和浏览器控制台(在 DevTools [F12] 中)得到任何反馈
console.log 的默认目标是什么,我该如何设置它才能工作?
json - Gulp browsersync 卡住重新加载浏览器
我正在尝试简化我的工作流程并包括模板。我安装了 Nunjucks 并尝试进行设置,因此每当我保存对模板文件的更改时,gulp watch 将触发 nunjucks 功能并刷新我的浏览器。(firefoxdeveloperedition)
一开始它可以工作,但后来我的浏览器停止重新加载更改。每次我保存浏览器都会刷新但没有出现更改。这是我的 gulpfile(我从中删除了其他任务,但保留了要求,以便您可以看到我已安装的模块)
我的代码错了吗?
编辑:经过更多测试后,它实际上似乎与 Firefox 开发者版相关联......
middleware - Browsersync 中间件替换字符串
我正在尝试创建一个 Browsersync 中间件来替换 HTML 文件中的字符串,然后再将它们提供给浏览器。
我不完全确定这是可能的。
到目前为止,我能够确定何时请求 HTML 文件:
我可以console.log()
在if
声明中添加一个,这样我就知道它正在工作。
但从这里我真的被困住了。我已经搜索了如何做到这一点的示例,例如
但无济于事。
我应该说我正在使用带有 Gulp 的 Browsersync。对此的任何帮助将不胜感激!