Browsersync 正在运行但不刷新页面

Question

我有 MacOS + 由 Mark Shust ( https://github.com/markshust/docker-magento ) 安装的 Docker 容器 + 在主机上安装了 browsersync。

Magento 在以下文件夹中有“.less”文件：app/design/frontend。 我在 cli 中将一个文件夹设置为当前文件夹。 并从主机运行此命令：

 browser-sync start --host "domain.test" --proxy "https://domain.test" --files "**/*.less" --https

我得到这个输出：

[Browsersync] Proxying: https://domain.test
[Browsersync] Access URLs:
 --------------------------------------
       Local: https://localhost:3000
    External: https://domain.test:3000
 --------------------------------------
          UI: http://localhost:3002
 UI External: http://localhost:3002
 --------------------------------------
[Browsersync] Watching files...

我可以打开https://domain.test并且它工作正常。 http://localhost:3002 显示当前没有连接。 但是，cli infoms 中的输出：“[Browsersync] Reloading Browsers...”

如果我更改较少，我仍然可以在网站上找到更改，但只有在手动重新加载之后。

文档提到了 grunt 配置，并且有一些食谱作为示例。 我尝试使用标准 magento 的文件，但没有帮助。 它看起来像这样：

module.exports = function (grunt) {
'use strict';

grunt.initConfig({
    watch: {
        files: 'app/design/**/*.less',
        tasks: ['less']
    },
    browserSync: {
        dev: {
            bsFiles: {
                src : [
                    'app/design/**/*.css'
                ]
            },
            options: {
                watchTask: true,
                server: './'
            }
        }
    }
});

// load npm tasks
grunt.loadNpmTasks('grunt-contrib-sass');
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-browser-sync');

// define default task
grunt.registerTask('default', ['browserSync', 'watch']);

var _ = require('underscore'),
    path = require('path'),
    filesRouter = require('./dev/tools/grunt/tools/files-router'),
    configDir = './dev/tools/grunt/configs',
    tasks = grunt.file.expand('./dev/tools/grunt/tasks/*'),
    themes;

filesRouter.set('themes', 'dev/tools/grunt/configs/themes');
themes = filesRouter.get('themes');

tasks = _.map(tasks, function (task) {
    return task.replace('.js', '');
});
tasks.push('time-grunt');
tasks.forEach(function (task) {
    require(task)(grunt);
});

require('load-grunt-config')(grunt, {
    configPath: path.join(__dirname, configDir),
    init: true,
    jitGrunt: {
        staticMappings: {
            usebanner: 'grunt-banner'
        }
    }
});

_.each({
    /**
     * Assembling tasks.
     * ToDo: define default tasks.
     */
    default: function () {
        grunt.log.subhead('I\'m default task and at the moment I\'m empty, sorry :/');
    },

    /**
     * Production preparation task.
     */
    prod: function (component) {
        var tasks = [
            'less',
            'cssmin',
            'usebanner'
        ].map(function (task) {
            return task + ':' + component;
        });

        if (typeof component === 'undefined') {
            grunt.log.subhead('Tip: Please make sure that u specify prod subtask. By default prod task do nothing');
        } else {
            grunt.task.run(tasks);
        }
    },

    /**
     * Refresh themes.
     */
    refresh: function () {
        var tasks = [
            'clean',
            'exec:all'
        ];
        _.each(themes, function (theme, name) {
            tasks.push('less:' + name);
        });
        grunt.task.run(tasks);
    },

    /**
     * Documentation
     */
    documentation: [
        'replace:documentation',
        'less:documentation',
        'styledocco:documentation',
        'usebanner:documentationCss',
        'usebanner:documentationLess',
        'usebanner:documentationHtml',
        'clean:var',
        'clean:pub'
    ],

    'legacy-build': [
        'mage-minify:legacy'
    ],

    spec: function (theme) {
        var runner = require('./dev/tests/js/jasmine/spec_runner');

        runner.init(grunt, { theme: theme });

        grunt.task.run(runner.getTasks());
    }
}, function (task, name) {
    grunt.registerTask(name, task);
});};

它应该在没有运行 gruntjs 的情况下工作吗？ 为什么没有触发页面重新加载？

PS：我没有把这个问题放到https://magento.stackexchange.com/因为我相信这是一个普遍的问题，与 Magento 无关。