2016-02-28 3 views
8

Что не так с этим файлом gulp? Когда он открывает браузер, он не показывает index.html. Вместо этого он перечисляет содержимое «dist», каталог, содержащий index.html.Gulp-Connect списком каталогов вместо show. 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']); 

ответ

4

Решения было ограничить версию глотка-подключение к "gulp-connect": "^2.2.0", Последней версия работает по-разному , но я не знаю правильного синтаксиса последнего. Когда я попробовал ответить с другого плаката, страница отображалась так, как ожидалось, но функции часов не работали с ней.

На момент написания настоящего документа текущая версия^3.0.0.

Я нахожусь на Windows 7, если это имеет значение.

[Обновить] Согласно @SteveDavis, это было исправлено в версии 3.2.0.

+1

Этот наконечник был спасателем. Спасибо! –

+1

Эта проблема была исправлена ​​в версии 3.2.0. –

+0

Благодарим за обновление. :-) –

0

проблема Привет с вашей открытой задачей, которую вы в основном сообщая глотка, чтобы открыть DIST каталога вместо того, чтобы просто index.html

+0

Я проверил. Я работаю на примере в PluralSight, который делает это таким образом. Он работал в какой-то момент. Кроме того, пример, приведенный на [npmjs.com] (https://www.npmjs.com/package/gulp-open), делает это таким образом. –

+0

Если я нарушаю документацию и добавляю index.html, она отображается в браузере, но «смотреть» не работает. –

0

Чтобы установить правильную версию плагина gulp-connect, обязательно введите npm install --save-dev [email protected] У меня была такая же проблема, и я решил вернуться к этой версии.

0

Убедитесь, что index.html находится в папке SRC не psadmin проекта, поэтому он может найти его там, когда он выполняет

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

Как вы писали разные, что я написал? –

Смежные вопросы