Gulp-Connect listet das Verzeichnis auf, anstatt index.html anzuzeigen. Warum?

Question

Was ist falsch an dieser Schluckdatei? Beim Öffnen des Browsers wird index.html nicht angezeigt. Stattdessen listet es den Inhalt von 'dist' auf, dem Verzeichnis, das index.html enthält.

"use strict"; 

var gulp = require('gulp'); 
var connect = require('gulp-connect'); // Runs a local dev server 
var open = require('gulp-open'); 

var config = { 
    port: 9005, 
    devBaseUrl: 'http://localhost', 
    paths: { 
     html: './src/*.html', 
     dist: './dist' 
    } 
}; 

//Start a local development server 
gulp.task('connect', function() { 
    connect.server({ 
     root: ['dist'], 
     port: config.port, 
     base: config.devBaseUrl, 
     livereload: true 
    }); 
}); 

gulp.task('open', ['connect'], function() { 
    gulp.src('dist/index.html') 
     .pipe(open({ 
      uri: config.devBaseUrl + ':' + config.port + '/', 
      app: 'chrome' })); 

}); 

gulp.task('html', function() { 
    gulp.src(config.paths.html) 
     .pipe(gulp.dest(config.paths.dist)) 
     .pipe(connect.reload()); 
}); 

gulp.task('watch', function() { 
    gulp.watch(config.paths.html, ['html']); 
}); 

gulp.task('default', ['html', 'open', 'watch']); 

Answer 1

Die Lösung "gulp-connect": "^2.2.0", die Version von schluck-Verbindung zu beschränken war die neueste Version funktioniert anders , aber ich weiß nicht die korrekte Syntax der neuesten. Als ich die Antwort des anderen Posters ausprobierte, wurde die Seite wie erwartet angezeigt, aber die Funktionen der Uhr funktionierten nicht.

Zum Zeitpunkt dieses Schreibens ist die aktuelle Version^3.0.0.

Ich bin auf Windows 7, wenn das einen Unterschied macht.

[Update] Gemäß @SteveDavis wurde dies in Version 3.2.0 behoben.

Answer 2

Hallo Problem mit Ihrer offenen Aufgabe, die Sie im Grunde schluck sagen dist Verzeichnis zu öffnen, anstatt nur index.html

Answer 3

Um die korrekte Version des Plugin gulp-connect zu installieren, vergewissern Sie sich, dass Sie npm install --save-dev gulp-connect@2.2.0 eingeben Ich hatte das gleiche Problem und die Änderung zurück zu dieser Version löste es.

Answer 4

Stellen Sie sicher, index.html ist unter src nicht psadmin Projektordner, so dass er es dort finden kann, wenn er ausführt

gulp.src(config.paths.html) 
.pipe(gulp.dest(config.paths.dist)