问题标签 [gulp-livereload]

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 投票
2 回答
2206 浏览

gulp - 为什么 gulp-livereload 崩溃并出现错误:听 EADDRINUSE?

gulp-livereload在我的gulpfile.js.

它适用于 CSS 文件,但适用于 HTML 文件。

例如,每次我 saveindex.html时,gulp 都会崩溃并出现以下错误。

为什么会这样?

DEMO HERE

0 投票
1 回答
1080 浏览

angularjs - 为什么 gulp-livereload 会导致“Uncaught SyntaxError: Unexpected token <”?

在我的gulpfile.js设置express中总是返回index.html

我第一次导航到localhost:8000. 我的 Angular 路由重定向到http://localhost:8000/home.

但是,如果然后我 refresh http://localhost:8000/home,我会在控制台中看到以下错误:

为什么会这样?

DEMO HERE

0 投票
1 回答
2088 浏览

gulp - Gulp:如何在没有 Chrome 的 livereload 插件的情况下实现 livereload?

看起来gulp-livereload需要Chrome 的 livereload 插件才能工作。

有没有一种方法可以实现不需要任何浏览器插件的 livereload,并且可以在所有浏览器中使用?

任何示例将不胜感激。

0 投票
6 回答
3939 浏览

python - 是否可以为 Django 配置 Gulp Livereload?

我想在 Django 中使用 gulp-liveReload ,可以吗?我读过 Grunt 有一个替代方案,但我更喜欢使用 Gulp,这对我来说更容易。

谢谢,

0 投票
0 回答
593 浏览

android - 如何让 livereload 与 Gulp 和 Ripple Emulator 一起工作?

我尝试了各种选项,最后以以下混乱版本的 gulpfile.js 结束,但我无法让它工作:(。

我使用的是 ripple-emulator npm 包而不是 Chrome 插件。这确实启动了模拟器,并且除了 livereload 之外一切正常(虽然手动刷新有效)。

我正在使用的依赖项..

0 投票
2 回答
69 浏览

node.js - 可以/应该全局安装 gulp livereload

我是 Node 新手,我还不完全理解本地安装的确切含义。我知道我需要在全局和本地安装 gulp,但就我而言,我在开发文件夹下的单独文件夹中有许多项目,我想知道我是否真的需要在每个单独的项目文件夹中本地安装 livereload 扩展(其中是文档似乎建议的内容)在全球范围内安装它会不会更容易;或本地在主开发文件夹中。有人可以解释这是如何工作的以及我有哪些选择。

同样,我想知道如果我在开发文件夹中本地安装 gulp 是否对它的每个孩子都可用,或者我是否再次需要/想要在本地的每个项目文件夹中安装它。

0 投票
2 回答
3621 浏览

javascript - gulp-livereload 与 vagrant 环境:livereload.js 无法访问

gulp-livereload在我的 vagrant 环境(使用 puphpet 生成)中使用时遇到问题。我的计算机是 Windows 主机,VM 是 Debian。

我使用这个 gulpfile :

当 Chrome 扩展添加魔术 JS 文件时,我收到此消息:

加载资源失败:net::ERR_CONNECTION_TIMED_OUT http://markup.dev:35729/livereload.js?ext=Chrome&extver=0.0.5

但是在我的虚拟机中,如果我运行以下命令行,我就会明白

0 投票
2 回答
843 浏览

ember.js - Livereload with Ember-CLI; only reload changed assets

I'm used to building a asset compilation system with Grunt or Gulp. Using Gulp's livereload and the Chrome livereload plugin, I have a pretty sweet system where it watches for changes of certain file types and reloads only the file that were changed. With ember-cli, when I change a CSS file, it just reloads the entire page, rather than just reloading the CSS file. This gets to be a pain when I'm trying to style a deeply nested process. Any ideas/thoughts on how to get this working with Ember CLI correctly?

0 投票
1 回答
7032 浏览

javascript - 浏览器同步(在 gulp 下)不刷新浏览器

我的配置完成了它应该做的一切,但它从不刷新浏览器。一旦我手动刷新它,就会有变化。我正在连接到默认的 localhost:3000。任何想法为什么会这样或如何调试它?

gulpfile.js:

控制台输出示例:

0 投票
6 回答
8808 浏览

css - 删除开发期间在 chrome devtools 中创建的所有诊断样式

我在我的开发工作流程中使用 gulp/live reload。使用 CSS 设置元素样式时,我有时会直接使用 Chrome 开发工具调整该元素的样式规则(编辑:使用元素面板下的event.style {} );然后当我以我想要的方式拥有它们时,我将它们复制到 Sublime Text 中并将它们保存到项目中。

问题是我所做的那些临时更改会在我保存 CSS 文件后继续阻止对 CSS 文件所做的任何更改,因此它们基本上会覆盖 Live Reload,这意味着我必须以标准方式重新加载页面才能查看(真实)更改在 css 文件本身中制作,这阻碍了实时重新加载的有效性。

如果我只更改了一个元素,我可以关闭一个特定元素的样式规则,这很好用,但在更复杂的元素(例如菜单)的情况下,例如样式可能涉及多个元素,那么很难请记住在 devtools 中更改了哪些以将其关闭。

有没有办法全局禁用或删除那些本地样式规则?