Javascript Grunt+浏览器同步：无CSS注入或重影模式

在让Grunt的浏览器同步插件正常工作时，我遇到了一些令人困惑的问题。我已经彻底阅读了文档并遵循了示例，但有两件事是行不通的： 我没有得到任何CSS注射。我知道我正在运行一个watchTask插件，但我有watchTask:true设置，我的终端显示bS正在识别对CSS的更改，只是没有重新加载浏览器。 2所有重影模式选项似乎都不适合我。我已经将它们全部设置为真，但是，就像livereload功能一样，我无法使其工作

以下是我当前的Grunfile文件：

'use strict';

module.exports = function (grunt) {
  grunt.initConfig({
    watch: {
      less : {
        files: ['static/css/less/*.less'],
        tasks: ['less']
      },
      html : {
        files: ['*.html']
      },
      js : {
        files: ['static/js/*.js']
      }
    },
    less: {
      development: {
          options: {
              paths: ["css"],
              compress: true,
              yuicompress: true,
              optimization: 2
          },
          files: {
            "static/css/styles.css": "static/css/less/styles.less"
          }
      }
    },
    browserSync: {
      default_options: {
        bsFiles: {
          src: [
            "static/css/*.css",
            "*.html"
          ]
        },
        options: {
          watchTask: true,
          server: {
            baseDir: "./"
          },
          ghostMode: {
              clicks: true,
              forms: true,
              scroll: true  
          }
        }
      }
    }
  });

  grunt.loadNpmTasks('grunt-contrib-watch');
  grunt.loadNpmTasks('grunt-contrib-less');
  grunt.loadNpmTasks('grunt-browser-sync');

  // Launch BrowserSync + watch task
  grunt.registerTask('default', ['browserSync', 'watch']);
};

任何帮助都将不胜感激