javascript - La page ne peut pas être ouverte au démarrage de Gulp Serve et une erreur de chargement se produit? Je souhaite implémenter l'actualisation automatique de gulp watch.

Question

Le code de gulpfile.js est le suivant

var gulp = require('gulp');
var $ = require('gulp-load-plugins')();//这样就可以直接引用$变量，不需要声明
var open = require('open');
// const gulp = require('gulp');
// const imagemin = require('gulp-imagemin');

var app = {
    srcPath:'src/',
    devPath:'build/',
    prdPath:'dist/'
};

//放置依赖
gulp.task('lib',function () {
    gulp.src('bower_components/**/*.js')
        .pipe(gulp.dest(app.devPath + 'vendor'))
        .pipe(gulp.dest(app.prdPath + 'vendor'))
        .pipe($.connect.reload());
});

gulp.task('html',function () {
gulp.src(app.srcPath + '**/*.html')
    .pipe(gulp.dest(app.devPath))
    .pipe(gulp.dest(app.prdPath))
    .pipe($.connect.reload());
});

gulp.task('json',function () {
    gulp.src(app.srcPath + 'data/**/*.json')
        .pipe(gulp.dest(app.devPath + 'data'))
        .pipe(gulp.dest(app.prdPath + 'data'))
        .pipe($.connect.reload());
});

gulp.task('less',function () {
    gulp.src(app.srcPath + 'style/index.less')
        .pipe($.less())
        .pipe(gulp.dest(app.devPath + 'css'))
        .pipe($.cssmin())//压缩
        .pipe(gulp.dest(app.prdPath + 'css'))
        .pipe($.connect.reload());
});

gulp.task('js',function () {
    gulp.src(app.srcPath + 'script/**/*.js')
        .pipe($.concat('index.js'))
        .pipe(gulp.dest(app.devPath + 'js'))
        .pipe($.uglify())
        .pipe(gulp.dest(app.prdPath + 'js'))
        .pipe($.connect.reload());
});

gulp.task('image',function () {
    gulp.src(app.srcPath + 'image/**/*')
        .pipe(gulp.dest(app.devPath + 'image'))
        .pipe($.imagemin())
        .pipe(gulp.dest(app.prdPath + 'image'))
        .pipe($.connect.reload());
});

gulp.task('build',['image','js','less','json','html','lib']);

// gulp.task('clean',function () {
//     gulp.src([app.devPath,app.prdPath])
//         .pipe($.clean());
// });

gulp.task('serve',['build'],function () {
    $.connect.server({
        root:'./',
        livereload:true,
        port:3000
    });
    open('http://localhost:3000');
});

gulp.task('watch',function () {
    gulp.watch('bower_components/**/*',['lib']);
    gulp.watch(app.srcPath + '**/*.html',['html']);
    gulp.watch(app.srcPath + 'data/**/*.json',['json']);
    gulp.watch(app.srcPath + 'style/**/*.less',['less']);
    gulp.watch(app.srcPath + 'script/**/*.js',['js']);
    gulp.watch(app.srcPath + 'image/**/*',['image']);
});


gulp.task('default',['watch','serve']);//默认任务

Y a-t-il un problème avec la configuration de mon serveur ?
Utilisation du navigateur Firefox. . Ce devrait être la dernière version. . S'il vous plaît, aidez
Le problème précédent n'a pas été résolu. Imagemin ne peut pas compresser les images, je l'ai écrit dans une autre question

.

Essayez de changer la racine du service en [app.srcPath]. La page d'index peut être ouverte, mais elle ne peut pas être actualisée automatiquement

Il existe également un rapport d'erreur. . . . Le port ouvert par le serveur est également incorrect. .

Answer 1

Le code de la page HTML est-il enveloppé par la balise body ?