问题标签 [browser-sync]

我对 Grunt 的 BrowserSync 版本有点大问题。

问题： 如果我编辑 .php 文件 - BrowserSync 工作良好，但如果我编辑 .less 文件，则什么都没有发生，但在 bash 中我仍然可以看到：

[BS] 文件已更改：d:\localhost\htdocs\www\wordpress\wp-content\themes\MYPROJECTNAME\css\main.css

有人可以帮我正确设置：GRUNT + LESS + BrowserSync 在 XAMPP 上运行（因为 WordPress）吗？

我的 gruntfile.js

谢谢大家！:-)

我正在通过使用浏览器同步来开发 moodle 主题进行实验。将css by <link />tag插入布局页面后，我可以在浏览器中更改moodle主题的样式（例如：-color）和布局（columns3.php）而无需重新加载。

好吧，css的变化在浏览器中反映了大约 2 秒。但是布局变化的反映（调整columns3.php中的一些html代码）反映了浏览器的延迟。

为什么布局更改在浏览器中反映得这么晚？我正在通过命令观察moodle主题布局和css

当我更改布局文件时，有什么方法可以提高反射速度。

更新： 我已启用Theme designer mode.

我想使用 BrowserSync 启动我的 NodeJS 应用程序，但它似乎不起作用。

错误信息：错误：听 EADDRINUSE

编辑＃1：

我找到了这种方法来解决我的问题。

我一直在尝试让浏览器同步通过ember -cli-browser-sync（通过 in 安装，"ember-cli-browser-sync": "git://github.com/dylanharrington/ember-cli-browser-sync.git"因为package.json它不在 npm 注册表上）与我的 localhost API 服务器一起使用，但一直无法让它工作。

只是在做

在本地设备上工作得很好，但无法从外部设备（iPhone）访问我在http://localhost:8000/api/1的 api。

我尝试通过以下方式扩展代理设置以包含我的本地 API：

它基本上将 API 提供给 BrowserSync 提供的我的外部 URL。

所以我试图利用server：

哪个提供正确的索引和所有asset文件，但会导致 ember 出错。

有没有人有这方面的经验，接下来我应该尝试哪条路？我应该尝试使用其他 NPM 包来代理我的 API 吗？

嗨，我是 BrowserSync 的新手，我想知道它是否适合我的用例。

我想将（非本地）网页同步到多个设备/浏览器。这意味着只需将 BrowserSync 与任何资源不在我的机器上的实时网页 ( http://example.com ) 一起使用。

我玩弄了代理功能，但没有让它工作......不知道这是不可能的还是我做错了什么......

我正在使用 Gulp + BrowserSync，并且在对我的 HTML 文件进行更改时尝试重新加载我的开发网站，但我似乎无法让它工作。

我在命令行中没有收到任何错误，我的页面似乎重新加载但我所做的更改不会出现在浏览器中，除非我退出 gulp 任务并再次运行它。

这是我目前的设置：

对此的任何帮助表示赞赏。提前致谢！

首先，我正在关注 Menno Pietersen 关于Rapid MODx Workflow的教程。我很肯定我已经准确地遵循了它，但是由于某种原因，当我在我的项目文件夹中执行“gulp watch”时，我得到一个空白的 localhost:3000 页面，显示“Cannot GET /”。

我对这里的所有移动部件都不是很熟悉，所以我什至不确定从哪里开始，为什么我会收到这个错误而不是看到我的网站。我已经用谷歌搜索了它并提出了其他各种似乎与我的设置和/或使用的工具无关的问题......在此刻。

有没有其他人尝试过这个设置并遇到过这个？或者可能知道我应该从哪里开始？

我很感激帮助。如果需要，我可以提供更多信息。谢谢。

注意：如果我将 index.html 文件放在项目根目录中，它会显示该文件，但我不确定为什么它没有显示 modx 站点或如何修复它。

更新：我发现在我的 gulpfile.js 中，gulp.task 浏览器同步设置为使用“baseDir”。我将其注释掉并使用代理选项并将其设置为“本地主机”。固定的。

我正在运行 Express 服务器并使用 browserSync 来监视更改。当我运行时npm start，它会启动一个运行的 gulp 任务：

但是，在终端窗口中，它会继续显示以下内容：

这是什么原因造成的？我怎样才能解决这个问题？

我正在尝试将 BrowserSync 添加到我的 react.js 节点项目中。我的问题是我的项目通过 server.js 文件管理 url 路由、侦听端口和猫鼬连接，所以很明显，当我运行浏览器同步任务并检查 localhost url http://localhost:3000我得到一个Cannot GET / .

有没有办法强制浏览器同步使用我的 server.js 文件？我应该使用辅助nodemon服务器还是其他东西（如果我这样做，跨浏览器同步如何工作）？我真的很迷茫，我看到的所有例子都增加了更多的困惑。帮助！！

我刚刚为我的 Angular 项目安装/运行 BrowserSync：

它现在正在监听我的主 index.html 文件以及 css/app.css 中的任何更改，但拒绝处理除此之外的任何内容。例如，我希望它与我的模板 (templates/ .html) 和控制器 (controllers/ .js) 一起使用。

ps如果我跑

它适用于我的模板，但显然不适用于此目录之外的任何其他内容