Browsersync停止注入修改的文件

时间:2018-12-13 10:58:59

标签: javascript browser-sync gulp-browser-sync

我有一个始终有效的Browsersync(2.13.0)+ Gulp(3.9.1)设置,部分设置在这里:

var gulp = require('gulp');
var browserSync = require('browser-sync');

module.exports = function (opts) {
    gulp.task('bs:reload', function () {
        return browserSync.stream();
    });

    return function () {
        return gulp.watch([
            opts.files,
            './web/frontend/core/sass/**'
        ], opts.tasks);
    };
};

和我的页面

<script type="text/javascript" id="__bs_script__">//<![CDATA[
      document.write("<script async src='//HOST:3000/browser-sync/browser-sync-client.2.13.0.js'><\/script>".replace(/HOST/g, location.hostname).replace(/PORT/g, location.port));
    //]]></script>

突然,它停止工作了。我怀疑是在Gulp脚本或BS调用方式中进行了修改,但在此方面Git没有任何变化。

当我检查网络时,我:

  • 正确加载正确的文件
  • 我已连接到BS Websocket
  • 在WS中正确接收更新帧

这是我收到的相框

42/browser-sync,["file:reload",…]
0: "file:reload"
1: {ext: "css", path: "/Users/guillaume/Sites/mysite/web/build/frontend/css/app_mobile.css",…}

但是出于某种原因我忽略了它,它没有注入到我的页面中。也许也有帮助,我记得我曾经在浏览器同步版本的右上角看到一个黑色通知,而我目前看不到。

感谢您的帮助

0 个答案:

没有答案