问题标签 [gulp-browser-sync]

如上所示，我无法使用当前文件夹结构正确设置 Gulp。

这是我的 gulpfile.js：

我的 index.html：

注意：我在公共文件夹中有一个 scss 文件夹。

编辑：我的 index.html 位于 views 文件夹内

我究竟做错了什么？在我的 console.log 中，它说它无法获取它的 styles.css

我有点虚弱，我的问题对我来说很严重。我有一个由托管公司托管的网站，但我想在构建它时使用 Gulp，这可能吗？我想在那里建造它，因为有多个人在不同的地方工作。如果是，我需要什么工具来实现它？

我正在使用dreamweaver，并且我已经激活了“保存时自动将文件上传到服务器”，但我不知道这是否真的能让我受益。另外，我想知道是否也可以使用 browserSync？

我正在使用 Angular cli 开发 Angular 2 应用程序。我还在项目中使用 gulp 作为任务运行器。我想将 BrowserSync 与 gulp 一起使用，而不是 angular cli 提供的默认 ember live reload 插件。我尝试在 gulp browserSync 中使用代理选项到默认的 ng 服务端口，即：4200。但是当 gulp 运行时，我无法运行项目（ng serve）。所以任何人都可以帮我解决这个问题，因为我想用 gulp 运行 browserSync。这可能是一个非常 n00b 的问题，因为我是 gulp 和 angular 的新手，但我们将不胜感激。谢谢。

更新：我能够使用 gulp 连接到 BrowserSync，但是我所做的更改在 /dist 文件夹或浏览器中都没有得到更新。

我有一个新项目，我正在使用 browserify 将节点模块转换为可以在浏览器中运行的 sdk。

我需要一些其他的 npm 包，比如：

运行良好并且在浏览器中没有给我任何问题，但是 JsSip 不会合作。当我做

我明白了

plivowebsdk.js:2 未捕获的错误：找不到模块'../../package.json'

查看代码，很明显当它进行此调用时

是它爆炸的地方。显然它找不到用于提取版本信息的 package.json 文件。我知道 JsSip 实际上是用 browersify 本身（或曾经是）构建的，因此它可以在节点或浏览器中运行。这会引起冲突吗？

browserify 仍然有点新，它们是我可以执行的配置选项或转换来解决这个问题吗？

因此，我尝试使用 Gulp V4 编译 pug (jade)、javascript 和 sass 文件，并在这些文件中的任何一个发生更改时使用 browserSync 重新加载浏览器。那里有很多指南，但是无论我以哪种方式编写代码，它似乎都没有正确地完成任务顺序。我gulp.series用来设置任务顺序，但 browserSync 不想玩。

这是我的 Gulp 文件的打印件：

启动 gulp 时，终端控制台日志会输出以下内容：

当我更改监视文件中的文件时：

所以在我看来，在这种情况下发生了什么，文件正在更改，browserSync 重新加载页面，然后“build-sass”开始。这是错误的方式。我显然想构建 sass，然后重新加载页面。我必须为浏览器保存 2 次才能刷新我想要的代码。

我使用的一些代码直接来自 browserSync 文档：

https://www.browsersync.io/docs/gulp#gulp-reload

这似乎不起作用。

我有这个...

这会生成类似 '/search;text=test;dateFrom=12-10-2016'

这很好用！

但是...如果我刷新浏览器或在 URL 地址栏上按回车，我将得到 404...

无法获取 /search;text=test;dateFrom=12-10-2016

使用 angular 2 beta 可以正常工作，因为 beta 使用的是标准查询字符串格式，例如 ?text=test&dateFrom=12-10-2016。

现在，最终的 Angular 2 使用 Url Matrix Notation 来处理来自 URL 的参数。

关于如何使这项工作的任何线索？

不确定它是否有帮助，但这是我的 app.routing.ts

导出常量路由：ModuleWithProviders = RouterModule.forRoot(appRoutes);

另外，我的 gulp/browserSync 上有这个...

当我在 spring boot 中使用 browsersync 代理时？虽然页面可以自动刷新，但是css、js、html等静态资源不能立即更新。

那么，是否有解决它的想法？

谢谢 ！

ps：我用的是 IntelliJ IDEA

我在 Gulp 任务上的一个问题上苦苦挣扎了好几个小时。我不知道如何使它工作。

让我先展示我的项目结构：

还让我展示这个结构中提到的每个文件的代码。 gulpfile.js

Gulp/ config.js

Gulp/Base/ auto-reload.js

Gulp/Base/ sass.js

Gulp/Watch/ watch-sass.js

问题描述：

在最后一个文件 Gulp/Watch/ watch-sass.js中，函数 browserSync.reload不起作用。任务“ watch-sass ”、“ start-server ”和“ sass ”正在工作，它执行没有问题。但是，在完成编译 *.scss 文件后，它不会使用 browserSync.reload 自动刷新页面，我不知道为什么。任何人都可以帮助我吗？

我在运行 browsersync 时遇到问题。当我运行gulp sync时，浏览器会在http://localhost:8080/app_dev.php url上运行卡在加载中的空白页面。

我使用代理选项连接到通过 php 应用程序（symfony）链接到我的本地服务器的虚拟主机。这是我的配置：

gulpfile.js

httpd.conf

我正在运行 VVV，（刚刚安装）使用 gulp 和 Gulp-BrowserSync（和其他 npm 包）进行主题开发。

在 VVV 中，我创建了一个名为 Organic 的新 WP 安装，其 URL 为organic.du.dev。它工作正常。

在我的 gulpfile.js 中，我得到了以下 BrowserSync 任务：

当我在工作文件夹中启动 GULP（通过 vagrant ssh 登录）时，一切都会运行并且我收到以下消息：

[

问题是Chrome 或 Safari 无法访问http://localhost:3000并且http://10.0.2.15:3001是公共 IP（据我所知没有用）。在 vagrant@vvv 中运行 ifconfig 我收到以下提示：

以及工作的本地主机 IP，即：

我花了一段时间才意识到并找到发生了什么，但问题是我仍然不明白。我认为这是一个错误，应该解决。