问题标签 [gulp-browser-sync]

我在我的 gulpfile.js 中尝试了几种不同的方法，以使 HTML 自动重新加载以在 Gulp 中与BrowserSync（不是 LiveReload）一起使用，但没有一个奏效。我认为最后一次尝试可以解决问题，但它也不起作用。我错过了什么？

这是我的整个 gulpfile.js：

我最近开始使用 gulp 并且有一个很好的工作流程，但是当我将 gulpfile 添加到一个新项目时，每次我gulp从原始项目目录运行时，它都会为最新项目提供服务，我不知道我做了什么。

这应该是我的 gulpfile 的相关内容：

如果我将proxy选项更改为类似的选项proxy: '127.0.0.1:4000，则该过程不会完成并且只会停止：

我不确定是否做错了什么，但实际上唯一的变化是尝试选择不同的端口。我只是认为如果配置中的端口正在使用，该任务会自动选择一个可用端口，但我不知道现在如何在多个项目中使用 gulp。

端口 8000 或我的主机文件中没有任何可能干扰的虚拟主机设置，因此不应该有任何冲突。

Browsersync 文档说，Proxy an EXISTING vhost. Browsersync will wrap your vhost with a proxy URL to view your site.所以我不确定为什么我现有的设置对这两个项目都有效。

更新

再次查看gulp-connect-php 文档并尝试了这个似乎有效的方法：

但如果可能的话，我更愿意避免对端口进行硬编码。

现在更改任何 sass 都会注入并重新加载页面，而不仅仅是注入，css 似乎仍然可以在没有重新加载的情况下正常注入。

我正在使用 gulp concat 和 browserync。当我运行 gulp 时，它会启动 browserync 并连接并重新加载在模块中找到的所有 js 文件。问题是它只连接一次 js 文件，所以我需要停止运行 gulp 并再次运行它，这样我才能看到反映到 js 文件的任何更改。我也只在停止并重新启动 gulp 后才看到 gulp 通知任务。如何设置 gulp 以便始终捆绑和编译 js，然后运行 ​​browersync？

这是我的 gulpfile

我用 yeoman 的样板代码 ( generator-gulp-angular )创建了一个 Angular 项目

现在在我的控制器中，我试图发出这样的 http 请求：

但我不断收到此错误：

跨域请求被阻止：同源策略不允许在http://food2fork读取远程资源...（原因：CORS 标头“Access-Control-Allow-Origin”缺失）

我做了我的研究，发现我需要使用中间件属性将此访问控制添加到我的服务器，但我仍然收到错误这是我的server.js文件

但是错误仍然存​​在，有什么帮助吗？

我对 Gulp 和 BrowserSync 有疑问，这确实是一个小问题，但困扰着我。

每次我更改 scss 文件并运行 sass() 来编译它时，浏览器都会重新加载并滚动回顶部。

每次我更改 scss 文件时，有没有办法阻止浏览器这样做？

顺便说一句，这只发生在 sass 任务上，js 和 php 任务不会导致浏览器滚动到顶部。

我尝试了 Chrome 和 Firefox，我得到了相同的行为。

这是我的 gulpfile.js

有没有办法阻止它？

我正在学习当前 gulp 的前端构建系统，我想使用 brower-sync 问题是它没有在命令行中抛出错误，而是当它启动浏览器时它不会显示我的 html 文件和它将在浏览器窗口中显示“Cannot GET /”错误。这是我的 gulpfile.js 代码

我正在使用 windows 和 git bash 和版本是"browser-sync": "^2.12.5"什么问题并尝试为我解释以便从中得到一些东西。

我正在尝试让 Browsersync（版本 2.12.5）与 gulp-nodemon/watching 文件一起使用。这些是我的任务。我似乎无法获取任何文件来更新/重新加载浏览器。

将 Browsersync 与 nodemon 一起使用的推荐方法是什么？

我有以下问题，不知道我的 gulpfile 出了什么问题。一切正常，我的 sass 文件正在编译，浏览器在更改时刷新。但是，如果我添加一个新的部分文件并将其导入到我的 _base.scss 中，browsersync 只会识别该部分的更改，而不是编译整个 sass 文件并重新加载浏览器。有谁知道如何解决这个问题？我想不出一个好的解决方案。谢谢！

这是我的 gulpfile.js

我在 gulp 中有最简单的工作，基本上是从 Browsersync 网站复制粘贴的。但是页面在保存时不会刷新，并且 chrome 控制台中会出现以下错误：

（计数一直在增加......）我在 Browsersync 上找不到任何关于此错误的任何信息我尝试使用 Allow-Control-Allow-Origin 插件进行 chrome 或在没有安全设置的情况下启动 Chrome，但错误仍然存​​在。我正在使用 Windows 10、节点 - 5.5.0 和 npm 3.8.8。

我正在使用带有 Gulp 的 browsersync，在特定文件更改上运行一些任务。每当我保存文件时，我[BS] Reloading Browsers...的终端中都会得到 10+，性能滞后是可以理解的。

这是我的 gulpfile：

我在这里做错了什么？