gulp gulp-connect

Gulp-Connect lista el directorio en lugar de mostrar index.html. ¿Por qué?



(4)

¿Qué pasa con este archivo trago? Cuando abre el navegador, no muestra index.html. En cambio, enumera los contenidos de ''dist'', el directorio que contiene index.html.

"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'']);


Hola problema es con su tarea abierta que básicamente le dice a gulp que abra el directorio dist en lugar de solo index.html


Para instalar la versión correcta del complemento gulp-connect, asegúrese de escribir npm install --save-dev [email protected] Tuve el mismo problema y al volver a esa versión lo resolví.


Asegúrese de que index.html esté en src no en la carpeta del proyecto psadmin, de modo que pueda encontrarlo allí cuando se ejecute

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


La solución fue restringir la versión de gulp-connect a "gulp-connect": "^2.2.0", la última versión funciona de manera diferente, pero no sé la sintaxis correcta de la última. Cuando probé la respuesta del otro póster, la página se mostró como se esperaba, pero las funciones del reloj no funcionaron.

En el momento de escribir esto, la versión actual es ^ 3.0.0.

Estoy en Windows 7 si eso hace la diferencia.

[Actualización] Según @SteveDavis, esto se corrigió en la versión 3.2.0.