Wordpress Grunt watch livereload over MAMP Pro虚拟主机和ssl返回错误net:：ERR\u CONNECTION\u CLOSED

Grunfile：

module.exports = function(grunt) {

  // Project configuration.
  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    sass: {
      dist: {
        files: {
          'build/css/build.css' : 'sass/main.scss',
        },
      },
    },
    concat: {
      options: {
        separator: ';',
      },
      dist: {
        src: ['js/jquery-getquerystring.min.js','node_modules/featherlight/release/featherlight.min.js', 'js/main.js'],
        dest: 'build/js/build.js',
      },
    },
    concat_css: {
      all: {
        src: ['node_modules/featherlight/release/featherlight.min.css', 'build/css/build.css'],
        dest: 'build/css/build.css',
      }
    },
    watch: {
      sass: {
        files: ['sass/**/*.scss'],
        tasks: ['sass', 'concat_css'],
        options: {
          livereload : 35729,
        }
      },
      js: {
        files: ['js/**/*.js'],
        tasks: ['concat'],
        options: {
          livereload : 35729,
        }
      },
      php: {
        files: ['**/*.php'],
        options: {
          livereload : 35729,
        }
      },
      options: {
        style: 'expanded',
        compass: true,
        livereload : {
          port: '37925',
          host: 'mysite.dev',
          key: grunt.file.read('/absolute/path/to/mysite.key'),
          cert: grunt.file.read('/absolute/path/to/mysite.crt'),
        },
      },
    },
  });


  grunt.loadNpmTasks('grunt-contrib-sass');
  grunt.loadNpmTasks('grunt-contrib-concat');
  grunt.loadNpmTasks('grunt-concat-css');
  grunt.loadNpmTasks('grunt-contrib-watch');

  grunt.registerTask('default', ['sass', 'concat', 'concat_css', 'watch']);


};

就在我的结束正文标签之前，我有：

<script src="https://mysite.dev:35729/livereload.js"></script>

转到

https://mysite.dev

工作时没有任何问题，但查看Chrome 58中的控制台选项卡，我发现错误：

gethttps://mysite.dev:35729/livereload.js 网络：：错误连接关闭

。但是如果转到url

https://mysite.dev:35729/livereload.js

我看到了livereload.js的代码

---

我使用MAMP Pro 4.1.1来管理我的本地Wordpress开发，如果有帮助的话。谢谢你的帮助。如果我需要提供任何其他信息，请告诉我。谢谢。

经过多次尝试和错误，我终于让它工作了：

module.exports = function(grunt) {

  // Project configuration.
  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    sass: {
      dist: {
        files: {
          'build/css/build.css' : 'sass/main.scss',
        },
      },
    },
    concat: {
      options: {
        separator: ';',
      },
      dist: {
        src: ['js/jquery-getquerystring.min.js','node_modules/featherlight/release/featherlight.min.js', 'js/main.js'],
        dest: 'build/js/build.js',
      },
    },
    concat_css: {
      all: {
        src: ['node_modules/featherlight/release/featherlight.min.css', 'build/css/build.css'],
        dest: 'build/css/build.css',
      }
    },
    watch: {
      sass: {
        files: ['sass/**/*.scss'],
        tasks: ['sass', 'concat_css']
      },
      js: {
        files: ['js/**/*.js'],
        tasks: ['concat']
      },
      php: {
        files: ['**/*.php']
      },
      options: {
        style: 'expanded',
        livereload : {
          port: 1337,
          host: 'mysite.dev',
          key: grunt.file.read('/absolute/path/to/mysite.key'),
          cert: grunt.file.read('/absolute/path/to/mysite.crt'),
        },
      },
    },
  });


  grunt.loadNpmTasks('grunt-contrib-sass');
  grunt.loadNpmTasks('grunt-contrib-concat');
  grunt.loadNpmTasks('grunt-concat-css');
  grunt.loadNpmTasks('grunt-contrib-watch');

  grunt.registerTask('default', ['sass', 'concat', 'concat_css', 'watch']);


};

在结束正文标记的正上方：

<script src="//mysite.dev:1337/livereload.js"></script>

---

经过多次尝试和错误，我终于让它工作了：

module.exports = function(grunt) {

  // Project configuration.
  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    sass: {
      dist: {
        files: {
          'build/css/build.css' : 'sass/main.scss',
        },
      },
    },
    concat: {
      options: {
        separator: ';',
      },
      dist: {
        src: ['js/jquery-getquerystring.min.js','node_modules/featherlight/release/featherlight.min.js', 'js/main.js'],
        dest: 'build/js/build.js',
      },
    },
    concat_css: {
      all: {
        src: ['node_modules/featherlight/release/featherlight.min.css', 'build/css/build.css'],
        dest: 'build/css/build.css',
      }
    },
    watch: {
      sass: {
        files: ['sass/**/*.scss'],
        tasks: ['sass', 'concat_css']
      },
      js: {
        files: ['js/**/*.js'],
        tasks: ['concat']
      },
      php: {
        files: ['**/*.php']
      },
      options: {
        style: 'expanded',
        livereload : {
          port: 1337,
          host: 'mysite.dev',
          key: grunt.file.read('/absolute/path/to/mysite.key'),
          cert: grunt.file.read('/absolute/path/to/mysite.crt'),
        },
      },
    },
  });


  grunt.loadNpmTasks('grunt-contrib-sass');
  grunt.loadNpmTasks('grunt-contrib-concat');
  grunt.loadNpmTasks('grunt-concat-css');
  grunt.loadNpmTasks('grunt-contrib-watch');

  grunt.registerTask('default', ['sass', 'concat', 'concat_css', 'watch']);


};

在结束正文标记的正上方：

<script src="//mysite.dev:1337/livereload.js"></script>