Javascript 吞咽错误:“;LiveReload因找不到自己的服务器而被禁用<;脚本>;标签";

Javascript 吞咽错误:“;LiveReload因找不到自己的服务器而被禁用<;脚本>;标签";,javascript,html,web,gulp,Javascript,Html,Web,Gulp,我有一个简单的web练习,其中有一个index.html和一个script.js文件。我让gulp在后台运行,以便在浏览器中进行实时预览。这就是我的HTML的样子: <!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=

我有一个简单的web练习,其中有一个
index.html
和一个
script.js
文件。我让gulp在后台运行,以便在浏览器中进行实时预览。这就是我的
HTML
的样子:

<!DOCTYPE html>
<html lang="en-US">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Empty Page</title>
    <!-- <script src="script.js" defer></script> -->
</head>

<body>
</body>
</html>
这是我的
gulpfile.js
文件:

var date = Date();
document.body.innerHTML = "<h1>Today is? " + date + "</h1>"
// Include Gulp
var gulp = require('gulp');

// Include required plugins.
var connect = require('gulp-connect');

// TASK: connect
gulp.task('connect', function() {
  connect.server({
      livereload: true
  });
});

// TASK: preview
gulp.task('preview', function () {
    gulp.src('index.html')
        .pipe(connect.reload());
});

// TASK: watch
gulp.task('watch', function () {
    gulp.watch('*.html', ['preview']);
    gulp.watch('*.js', ['preview']);
});

gulp.task('run', function() {
    console.log('warnning: No project [run] parameters configured.');
});

// Task Bundles
gulp.task('default', ['connect', 'watch']);

经过进一步的调查,我解决了这个问题,将它添加到index.html文件的
标记中:
不是很优雅,但修复了错误:(很难相信没有人遇到这个问题?:(我在这里开始使用isuse,但没有太多响应。