问题标签 [browser-sync]

我正在使用 Google Web Starter Kit 环境运行 HTML 应用程序。我的环境包括：

• 节点
• 吞咽
• jQuery

当我通过 Google Chrome 上的节点服务器启动我的应用程序时，jquery-2.1.0.min.js 和 browser-sync-client.1.7.1.js 中出现多个错误。这些错误对我来说没有意义，我认为这是一个解析器错误而不是代码错误。错误的输出如下：

• DOMException：无法在“元素”上执行“querySelectorAll”：“*,:x”不是有效的选择器。
• SyntaxError：意外的令牌

我认为没有必要详细介绍错误是什么，因为我认为这些是任意的。

在我把这个文件夹扔掉并重新开始之前（不是太大的问题），有人知道是什么原因造成的吗？

谢谢

我最近从Express Web 应用程序转移到了Nodejs 的BrowserSync应用程序。使用 Express，如果我想设置一个 cookie，我的配置将如下所示：

我的团队已经开始使用 BrowserSync（通过 gulp 任务），到目前为止，我的配置看起来像这样：

但是，该res对象没有名为“cookie”的方法。是否有类似于Expressjs 的会话中间件的东西可以用作 BrowserSync 中间件？是否有另一种方法可以在 BrowserSync 服务器中设置 cookie？

当我运行 gulp 时，服务器以消息启动：无法获取 /。当我指向 localhost:3000/app/index.html 时，该站点重定向到 localhost:3000/home 并正常工作。但是，当我重新加载页面时，它给出：无法获取 /home。

请查看以下配置以查看是否遗漏了任何内容：

访问路径：app/index.html

这是我的 gulpfile.js：

角度路线文件：

非常感谢！

Github：https ://github.com/yhjor1212/angular-fire-powder

我在Symfony 2站点上使用GulpJS和BrowserSync来编译项目的 SCSS 文件。BrowserSync 将更改后的 CSS 注入到连接到 localhost:3000 的浏览器中，这非常有效。

该设置适用于通过虚拟机运行的 Safari、iOS 模拟器、Chrome、Opera 甚至 Internet Explorer，但事实证明 Firefox 存在重定向问题。

在 Firefox 中，当我点击/login时，Symfony 会重定向到/login_check，但是页面并没有成功登录，而是简单地重定向到/login，就好像什么都没发生一样。没有创建会话，也无法通过 Firefox 中的登录屏幕。

查看 /login_check 的正文，可以找到以下代码片段，我怀疑这可能与问题有关：

使用 Charles Proxy 进行调试，/login_check 页面显示：

302 - 客户端在收到整个响应之前关闭连接可能是 BrowserSync 重定向得太早了吗？

我环顾四周试图找到解决方案，但到目前为止找不到任何解决方案。

我用我的gulpfile.js创建了一个 Gist ...

以前有没有其他人遇到过这个问题，也许想出了一个解决方法？

如何暂时禁用browsersync，使其不注入/修改 HTML 页面？（用于测试和调试。）

我正在开发一个带有 AngularJS 前端和 Rails 后端的 Web 应用程序。

我的目标是使两者完全分开，因为 Rails 应用程序最终将降级为一个简单的 REST 服务器，而 AngularJS 前端将只是使用后端的少数不同客户端之一。出于这个原因，我不想将前端集成到 Rails 资产管道或类似物中。

Rails 应用程序在本地端口 3000 上运行。前端使用Gulp编译静态资产，以及BrowserSync，其中包含我在端口 3001 上运行的开发服务器。

出于开发目的，在通过 Angular 的$http服务发出 HTTP 请求时，如何让 AngularJS 应用程序与 Rails 服务器通信，避免出现此浏览器错误（这是我所期望的）？

我只需要在 Rails 应用程序中设置 CORS 吗？还有另一种方法 - 也许是某种本地主机文件技巧（我在 Mac 上，FWIW）或类似的？我问是因为我的同事负责 Rails 应用程序（我对 Rails 的经验有限）但有一段时间不在城里；我的知识主要限于我设置的 AngularJS 堆栈。

我已经搜索和阅读了大约一个小时，但还没有找到任何我可以理解的适用于我的情况的东西。我可能不知道最好的搜索词。

谢谢你的帮助！

我安装了插件浏览器同步。在命令行粘贴gulp browser-sync并在 firefox 显示“ Cannot GET / ”地址http://localhost:3000/

在gulpfile.js中有：

文件夹app放置在 Node.js 的根目录中。我不使用任何 LAMP 或 WAMP，因为我不能使用它。还有其他解决问题的方法吗？（更改源代码后在浏览器中重新加载页面）。

谢谢

（如果需要，请参阅我的最后一个问题以获取更多背景信息。）

我正在开发一个使用分离的前端和后端的应用程序：

• 后端是一个localhost:3000主要提供 REST API 的 Rails 应用程序（在 上提供服务）。
• 前端是一个AngularJS应用程序，我正在使用 Gulp 构建它并在localhost:3001.

为了让两端能够相互通信，同时遵守同源策略，我将 nginx 配置为充当两者之间的代理，可在localhost:3002. 这是我的 nginx.conf：

基本上，任何对文件的请求.json，我都会发送到 Rails 服务器，而任何其他请求（例如，对于静态资产），我都会发送到 BrowserSync 服务器。

我的 BrowserSync 任务gulpfile.coffee：

这一切基本上都有效，但有几个我试图解决的警告：

• 当我运行 gulp 任务时，基于上面的配置，BrowserSync 在http://localhost:3001/index.html#/foo. 但是，由于我使用的是 nginx 代理，因此我需要端口为 3002。有没有办法告诉 BrowserSync，“在端口 3001 上运行，但在端口 3002 上启动”？我尝试使用绝对路径startPath，但它只需要一个相对路径。
• 每次 BrowserSync 启动时，我都会在控制台中收到一个（看似良性的）JavaScript 错误：WebSocket connection to 'ws://localhost:3002/browser-sync/socket.io/?EIO=3&transport=websocket&sid=m-JFr6algNjpVre3AACY' failed: Error during WebSocket handshake: Unexpected response code: 400. 不确定这到底是什么意思，但我的假设是 BrowserSync 被 nginx 代理弄糊涂了。

如何解决这些问题以使其无缝运行？

感谢您的任何意见！

我在一个项目中使用Basscss并尝试研究如何在 Gulp 中设置一个任务，当我对我的.scss文件进行更改时，它将刷新我的浏览器。

当前gulpfile.js 看起来像这样，我正在考虑使用浏览器同步来执行此操作。除了我不确定如何实现这一点，因为这个框架使用 Swig 模板。

我正在考虑做这样的事情，但这似乎不起作用。

如果有人可以就此向我提供任何帮助，我将不胜感激。

提前致谢！

在一个简单的 gulp + browser-sync 项目中，所有文件添加/删除/更改都正常工作，但是当我从应用程序 gulp/browser-sync 删除目录时会抛出如下错误：

events.js:72 throw er; // Unhandled 'error' event ^ Error: watch EPERM at errnoException (fs.js:1030:11) at FSEvent.FSWatcher._handle.onchange (fs.js:1048:26)

我不确定在哪里寻找可能的问题。如果有人能指出我正确的方向。