问题标签 [gulp-livereload]

我正在使用节点模块gulp-live-server在app.js. 它可以工作，但浏览器不会实时重新加载。在文档上方链接的页面底部附近，必须使用tiny-lrmod 来集成实时重新加载。我看了一遍，找不到我具体应该如何添加tiny-lr. 我按照我的 html 文件中的要求添加了脚本标签。这是gulpfile：

应用程序.js：

我确实注意到，虽然 express 正在监听 port 3000，但 tiny-lr 正在监听35729。但是，如果我将 express 端口更改为35729，它会抛出错误并说已经有服务器在该端口上侦听。任何帮助表示赞赏，感谢您的考虑。

我正在使用 angular 1.6 和 gulp 以及 live reload 和 babel 来运行开发服务器。使用 yarn 安装所有 Angular 包，因此使用 npmfiles 自动导入 index.html 中的依赖项。

所有包都添加到最终 index.html 中的适当位置，但该文件仅包含 node_modules/package/package.json 中提到的相应 index.js 的内容“main: attributes

例如。添加角度库。最终的 .tmp/index.html 有以下内容

但是这个angular/index.js有以下内容

但我想要角度 js 文件的内容

此外，它在控制台中为每个包提供了多个错误

未捕获的 ReferenceError: 要求未在 index.js:1 中定义

这是相关代码

并使用此任务添加所有 node_modules libray

在 src/index.html

现在，如果我取消注释转换属性，它会直接在 index.html 中添加文件的内容而不带<sctipt>标签

所以我的问题是如何添加文件的原始内容而不是 index.js 的 2 行

我有问题。昨天我不得不更新 Node.js 内核，现在我更改了 LESS 文件中的某些内容，将不会有 css 更新。Gulpfile 和更新前一样。有人可以告诉我我的 gulpfile 脚本有什么问题吗？

HTML 文件更新正常。

谢谢你的建议 ：-）

我下载了 livereload 扩展，但它不工作，这是错误。

Error: watching ./src/*.css: watch task has to be a function (optionally generated by using gulp.parallel or gulp.series)

那我现在该怎么办？

我目前正在使用具有 chrome 的 livereload 功能的 gulp-less 工作流程，并且 gulp-livereload 工作正常。

当我对文件进行任何更改时，livereload 会刷新 css，不幸的是它正在注入livereload css而不是更少的文件。

所以我必须刷新页面以显示相应的less文件，这非常耗时并且没有使用livereload。如果我无论如何都需要刷新页面以查看较少的源映射文件，那么使用 livereload 完全是无稽之谈？

假设我正在从所有较少的文件中生成 custom.css 文件，但是当我更改为任何部分文件时，livereload 也会在文件系统中生成源映射并更新 custom.css ，但在浏览器中我看到的只是注入的 css。

请参阅下面的屏幕截图以获取我面临的确切问题。请注意，它还在注入 css 后附加了一些版本和端口号。例如css/custom.css?livereload=1577164609829对于我的情况。

我期望在刷新时看到的是浏览器中相应的 less 文件，而不是通过 livereload 注入的 css。

有没有人遇到过这个问题？如果是，请帮助我。

注意：请不要建议使用浏览器同步或任何其他方式来代替 livereload。

当我保存对我的 .scss 文件的更改时，Gulp-livereload 给了我一个错误。我的 gulpfile.js 多年来一直运行良好，不久前才开始给我带来麻烦。scss 被编译为 css 并且 livereload 尝试重新加载页面，但我收到以下错误（附照片：https ://i.stack.imgur.com/o57el.png ）。当我手动重新加载页面时，错误消失并反映了样式更改。此外，如果我对其他文件（即 HTML 或 JavaScript）进行更改，一切正常。

值得一提的是，我正在使用 MAMP 创建一个本地 Apache 服务器，所以我认为我不能使用诸如 browsersync 之类的其他东西。任何帮助将不胜感激，谢谢！

这是我的 gulpfile.js 的样子。