Grunt Livereload 通过 grunt-contrib-watch 不刷新浏览器

Question

我是 Grunt 的新手，我正在尝试通过 grunt-contrib-watch 插件启用 livereload，但我的浏览器没有刷新。这是我目前的 Gruntfile.js:

module.exports = function(grunt) {
    grunt.initConfig({
        pkg: grunt.file.readJSON('package.json'),

        watch: {
            options: {
                livereload: true
            },
            files: ['*.html']
        }
    });

    grunt.loadNpmTasks('grunt-contrib-watch');
};

我在与 Gruntfile.js 相同的文件夹中有一个 index.html 文件：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Grunt example</title>
</head>
<body>
    <h1>Grunt example</h1>
    <p>A paragraph</p>
    <script src="//localhost:35729/livereload.js"></script>
</body>
</html>

所以我执行 "grunt watch" 并在更改 index.html 文件后从控制台收到以下消息：

File "index.html" changed. Completed in 0.000s at ...

但是我的浏览器没有刷新。我错过了什么吗？有没有错误？

Answer 1

更改您的脚本块来自：

<script src="//localhost:35729/livereload.js"></script>

收件人：

<script src="http://localhost:35729/livereload.js"></script>

应该修复它。

Grunt Livereload 通过 grunt-contrib-watch 不刷新浏览器

Grunt Livereload through grunt-contrib-watch not refreshing browser

gruntjs

grunt-contrib-watch