想使用gulp-liverload和liverload Chrome插件实现热更新,但是点击开启liverload,出现以下弹窗
如下图,我点击liverload Chrome的圆圈,弹出这个提示,空心圆圈没办法变成实心
我安装的liverload Chrome是这样的
这是我的gulpfile.js
const gulp = require('gulp')
const livereload = require('gulp-livereload')
gulp.task('watch',function(){
livereload.listen();
gulp.watch('views/*.html',function(file){
livereload.changed(file.path)
})
gulp.watch('public/js/*.js',function(file){
livereload.changed(file.path)
})
gulp.watch('public/css/*.css',function(file){
livereload.changed(file.path)
})
})
这是我的package.json
23333.....终于解决了。原来要运行两个命令行。
之前只运行了①,没有运行②。找遍所有教程,都没有提到这一点。