问题标签 [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 投票
3 回答
11067 浏览

php - 如何使用浏览器与 php 同步

我想将 Browsersync 与 PHP 一起使用,但我似乎无法让它正常工作。

目前我正在使用 Gulp。是否可以将 Browsersync 与 XAMPP/MAMP 一起使用,或者使用 Gulp 插件来读取.php文件?

0 投票
1 回答
1257 浏览

gulp - 错误您尝试启动 Browsersync 两次

我正在尝试在我的 gulp 文件中设置 browsersync,但不断收到此错误“[错误]您尝试启动 Browsersync 两次!”。

我的 gulpfile.js 文件看起来像这样。

除了 browsersync 位之外,所有任务都运行并且一切正常。任何帮助都会很棒。

0 投票
1 回答
857 浏览

gulp - Browsersync 在 CSS 注入之前重新加载页面

我正在使用Gulp, Browsersync,Sass为 CSS 和PugHTML 实现构建。<link>在编译样式和标记后,我还将 stylesheets 注入到 HTML 中。

初始构建工作正常,但我在使用 Gulp 实现监视 CSS 和 HTML 文件的更改时遇到问题。现在发生的事情是在更改任何源文件(标记或样式表)时,当 Browsersync 重新加载浏览器时,我会留下一个未设置样式的页面,它没有注入任何样式表<head>。似乎 Browsersync 重新加载在pug(Pug 到 HTML 编译)完成之后触发,但在sass(Sass 到 CSS 编译)完成之前,所以没有什么可以注入的。

主要问题:请告诉我如何在 Gulp 中强制执行正确的顺序。

额外问题:如何在标记更改时重新加载整页,而不是在样式表更改时重新加载整页,而是仅<head>按照本文和“SASS + CSS 注入”下的Gulp 文档中所述将 CSS 注入”。

这是我的代码:

gulpfile.babel.js

吞咽/浏览器-sync.js

吞咽/styles.js

吞咽/标记.js

吞咽/注入.js

吞咽/watch.js

这是运行gulp并更改源 Sass 文件之一后控制台的输出:

0 投票
1 回答
431 浏览

mobile - Gulp 移动连接

我已经从我的平板电脑创建了移动 WiFi 热点,并将我的笔记本电脑和手机连接到它。我正在尝试在这些手机上运行 Browsersync。我的外部 IP 地址是从 Browsersync -> Overview External 收集的。我在移动浏览器中粘贴了该 IP 地址,但它们无法连接。以下是 gulp 终端行:

我应该怎么办?这会是我平板电脑上的 WiFi 热点的错吗?

0 投票
3 回答
268 浏览

javascript - () => {} 在 gulpfile.js 中是什么意思

我正在学习 js,刚刚开始使用 yeoman 生成器。我使用 gulp 进行预处理和其他工作。当我浏览 gulpfile.js 时,我发现了这段代码。

我可以理解,当我们执行时gulp-serve,它会运行样式、html 和 watch 任务,并在端口 9000 中打开一个开发服务器。

但我不明白这是什么() =>意思。

如果有人能告诉我这是什么意思,将不胜感激。

提前致谢。

0 投票
1 回答
429 浏览

javascript - echarts legend.itemGap 仅适用于 gulp browser-sync

我想减少传说中元素之间的差距。我正在使用浏览器同步并且我使用它的时间它可以工作,但是我关闭浏览器同步并打开相同的 web 应用程序,它似乎不起作用。这是我使用浏览器同步的图表 我的图表使用浏览器同步

这是关闭浏览器同步后的图表

我的图表没有浏览器同步

这是我的 Echart 选项:

我错过了什么?请帮忙

0 投票
1 回答
728 浏览

node.js - 无法在 Ubuntu 16.04 上访问浏览器同步外部 IP

我正在尝试遵循 Lynda.com 上的 wordpress 指南,该指南指示我使用 npm 和 Browser-Sync。当我在 Windows 机器上工作时一切正常,但我最近设置了一个 linux 服务器(Ubuntu 16.04),似乎无法访问浏览器同步给我的外部 URL。我在同一个网络上,它在我的任何设备上都不起作用。我将站点设置为http://custom.local。下面是我用来启动浏览器同步的 Gulpfile.js。

我试过使用不同的端口,设置隧道:真,以及我能找到的任何其他东西,但我什么也没得到。任何帮助都将是惊人的。

谢谢,

0 投票
1 回答
597 浏览

javascript - 任务“sass”不在您的 Gulpfile 中 - 错误

以下是我面临此错误的代码,请帮我解决这个问题,我会很高兴得到明确的答案___

一切运行顺利,但除非我保存文件,否则会出现以下错误

错误:任务“sass”不在您的 gulpfile 中

0 投票
1 回答
566 浏览

javascript - Gulp + 浏览器同步失败

我正在使用 Browser Sync 运行 Gulp,并在 Chrome 中收到以下错误:

NonESPMessageInterface --- nonEspMessageInterface.js:8

TypeError:无法读取 null 的属性 'insertBefore' --- angular.js:13708

清单消息无效,来自原点 #{e.origin}:MessageEventbubbles: falsecancelBubble: falsecancelable: falsecomposed: falsecurrentTarget: Windowdata: ObjectdefaultPrevented: falseeventPhase: 0isTrusted: truelastEventId: ""origin: " http://localhost:3000 "path: Array (1)ports: Array(0)returnValue: truesource: WindowsrcElement: Windowtarget: WindowtimeStamp: 4354.4type: "message" proto : MessageEvent --- nonEspMessageInterface.js:53

我的 gulp.js 文件如下所示:

这是我的 package.json 依赖项:

我最近更新到节点 v7.9.0。也许这与我的配置不兼容?另外,我使用的是 Angular 1.5.7。

任何帮助,将不胜感激!谢谢。

0 投票
1 回答
464 浏览

wordpress - Gulp + Browsersync:只想注入 CSS

我已经尝试让现场注射工作两天了......准备放弃,因为我已经阅读了码头和更多的 git is:issues 而不是我想重复的。

我不使用像 less 或 sass 这样的预处理器。我只想通过 Browsersync 重新加载更改后的 CSS。如果我保存文件并且设置了标题,则页面会重新加载。我已经尝试了很多选择,我的头在旋转。这是我尝试的最新版本。有人愿意带领我走向正确的道路吗?

库班图 Linux 17.04

浏览器同步--版本

2.18.12

节点-v

v7.10.0

npm -v

5.0.1