gulp + navigateur-sync Ne peut pas OBTENIR / erreur

Je suis en train d'apprendre à l'avant-système de construction actuellement gorgée, je veux utiliser brower-sync et le problème est qu'il n'est pas de lancer une erreur dans le commad ligne, mais au contraire, quand il ouvre le navigateur, il n'affiche pas mon fichier html et il va dire: "Impossible d'OBTENIR /" erreur dans la fenêtre du navigateur. C'est mon gulpfile.js code

var gulp = require('gulp'),
   uglify = require('gulp-uglify'),
   compass= require('gulp-compass'),
   plumber = require('gulp-plumber'),
   autoprefixer = require('gulp-autoprefixer'),
   browserSync = require('browser-sync'),
   reload = browserSync.reload,
   rename = require('gulp-rename');


gulp.task('scripts', function() {
   gulp.src(['public/src/js/**/*.js', '!public/src/js/**/*.min.js'])
      .pipe(plumber())
      .pipe(rename({suffix: '.min'}))
      .pipe(uglify())
      .pipe(gulp.dest('public/src/js/'));
});

gulp.task('styles', function() {
   gulp.src('public/src/scss/main.scss')
      .pipe(plumber())
      .pipe(compass({
          config_file: './config.rb',
          css: './public/src/css/',
          sass: './public/src/scss/'
      }))
     .pipe(autoprefixer('last 2 versions'))
     .pipe(gulp.dest('public/src/css/'))
     .pipe(reload({stream:true}));
});


gulp.task('html', function() {
  gulp.src('public/**/*.html');
});  

gulp.task('browser-sync', function() {
    browserSync({
      server: {
         baseDir: "./public/"
      }
   });
});

gulp.task('watch', function() {
   gulp.watch('public/src/js/**/*.js', ['scripts']);
   gulp.watch('public/src/scss/**/*.scss', ['styles']);
   gulp.watch('public/**/*.html', ['html']);
});

gulp.task('default', ['scripts', 'styles', 'html', 'browser-sync', 'watch']);

je suis avec windows et git bash et la version est "browser-sync": "^2.12.5" alors quel est le problème et essayer d'expliquer pour moi afin d'obtenir quelque chose hors de lui.

Avez-vous essayé de changer les baseDir pour le navigateur de synchronisation ? essayez ../ ou les trucs similaires
c'est dans le même répertoire
Avez-vous essayé de changer la définition de browsersync variable, comme var browsersync = require('browser-sync').create()?

OriginalL'auteur Yasin | 2016-05-02

8

Est-il un index.html fichier dans votre ./public/ dossier? Si non, vous devez dire à browserSync qu'est-ce que votre page de démarrage. Vous pouvez également obtenir browserSync pour afficher la liste du répertoire de base, voir mise à jour ci-dessous.

Vous pouvez également essayer d'utiliser public sans le point.

Edit: La startPath config directive ne semble pas fonctionner, l'utilisation index au lieu
```
...
gulp.task('browser-sync', function() {
   browserSync({
     server: {
        baseDir: "public/",
        index: "my-start-page.html"
     }
   });
});
...
```
Mise à jour: en Fait, vous pouvez obtenir de l'inscription à l'annuaire avec browserSync. De cette façon, il serait montrer une liste de fichiers dans public, pas la Ne peut pas Obtenir de l'erreur
```
...
gulp.task('browser-sync', function() {
   browserSync({
     server: {
        baseDir: "public/",
        directory: true
     }
   });
});
...
```
OriginalL'auteur lofihelsinki

J'ai eu ce travail lorsque l'index.html fichier était à l'intérieur du même dossier:

    browserSync.init({
        server: {
            baseDir: "./"
        }
    });

OriginalL'auteur mediaguru

gulp.task('browser-sync', function() {
    browserSync({

      server: {
            baseDir: "./"
            },

            port: 8080,
            open: true,
            notify: false
    });
});

S'il vous plaît, décrivez les modifications que vous avez apportées afin que les autres lecteurs puissent profiter davantage de votre réponse

OriginalL'auteur Artem O

J'ai résolu mon "Impossible de récupérer les erreurs" dans le navigateur de synchronisation en indiquant toujours un .fichier html dans le code, ou par le fait d'avoir une structure de dossier se terminant avec et index.html

<a href="/about">About</a> <!-- Cannot GET error-->
<a href="/about">About</a> <!-- same code as above, but works if your site structure is:  ./about/index.html-->
<a href="/about.html">About</a> <!-- OK -->

Mon Gulp fichier de référence (à l'aide du navigateur de synchronisation avec jekyll, donc tout est dans le ./_site dossier, et le gulpfile est dans ./)

var gulp = require('gulp');
var shell = require('gulp-shell');
var browserSync = require('browser-sync').create();

gulp.task('build', shell.task(['jekyll build --watch']));

//serving blog with Browsersync
gulp.task('serve', function () {
    browserSync.init(
        {
            server: {baseDir: '_site/'}
        }
    );

    //Reloads page when some of the already built files changed:
    gulp.watch('_site/**/*.*').on('change', browserSync.reload);
});

gulp.task('default', ['build', 'serve']);

Espère que cela aide.

Michel-ange

OriginalL'auteur fefanto

0

Peut-être vous n'avez pas index.html dans baseDir: '_site/'? Pour voir vos statique de la page web dans le navigateur web au lieu de ce message ennuyeux, vous devez le renommer un fichier your_file.html à index.html. Cela permettra de résoudre Ne peut pas OBTENIR/problème.

OriginalL'auteur Alexander Svetly

gulp.task('serve',['sass'], function() {
    bs.init({
        server: "./app",
        startPath: "/index.html", //After it browser running
        browser: 'chrome',
        host: 'localhost',
        port: 4000,
        open: true,
        tunnel: true
    });

OriginalL'auteur user8776341

Vous devez vous connecter pour publier un commentaire.