Solucionado (ver solução)
Solucionado
(ver solução)
6
respostas

Browser-Sync não nao esta funcionando o reload

Ao efetuar a mudanças nos arquivos o reload do browserSync não esta funcionando já tentei soluções de outros tópicos com o mesmo problema mas não funcionou. fica nesse Reloading Browsers...e não atualiza a pagina.

gulpfile.js

var gulp = require('gulp')
  ,imagemin = require('gulp-imagemin')
  ,clean = require('gulp-clean')
  ,concat = require('gulp-concat')
  ,htmlReplace = require('gulp-html-replace')
  ,uglify = require('gulp-uglify')
  ,usemin = require('gulp-usemin')
  ,cssmin = require('gulp-cssmin')  
  ,browserSync = require('browser-sync');

gulp.task('default', ['copy'], function() {
    gulp.start('build-img', 'usemin');
});

gulp.task('copy', ['clean'], function() {
    return gulp.src('src/**/*')
        .pipe(gulp.dest('dist'));
});

gulp.task('clean', function() {
    return gulp.src('dist')
        .pipe(clean());
});

gulp.task('build-img', function() {

  return gulp.src('dist/img/**/*')
    .pipe(imagemin())
    .pipe(gulp.dest('dist/img'));
});

gulp.task('usemin', function() {
  return gulp.src('dist/**/*.html')
    .pipe(usemin({
      js: [uglify],
      css: [cssmin]
    }))
    .pipe(gulp.dest('dist'));
});

gulp.task('server', function() {
    browserSync.init({
        server: {
            baseDir: 'src'
        }
    });

    gulp.watch('src/**/*').on('change', browserSync.reload);   

});

package.json

{
  "name": "projeto",
  "version": "1.0.0",
  "description": "",
  "main": "gulpfile.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "gulp": "gulp"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "browser-sync": "^2.9.8",
    "gulp": "^3.9.0",
    "gulp-clean": "^0.3.1",
    "gulp-concat": "^2.6.1",
    "gulp-cssmin": "^0.1.7",
    "gulp-html-replace": "^1.6.2",
    "gulp-imagemin": "^2.3.0",
    "gulp-uglify": "^1.5.4",
    "gulp-usemin": "^0.3.29",
    "gulp-watch": "^5.0.1"
  }
}

terminal


[Browsersync] Access URLs:
 -----------------------------------
       Local: http://localhost:3000
    External: http://10.0.0.100:3000
 -----------------------------------
          UI: http://localhost:3001
 # UI External: http://localhost:3001
 -----------------------------------
[Browsersync] 
Serving files from: src
[Browsersync] 
Reloading Browsers...
6 respostas

Oi Carlos, tudo bem? Verifica pra mim o seu console do navegador se tem alguma mensagem de erro lá por favor? E se puder, me disponibiliza seu projeto no GitHub pra que eu teste mais de perto o que pode estar acontecendo...

Olá Carlos, tudo bom? Então eu segui a solução de outro tópico, e para min funcionou, mudei a versão do BrowserSync para 2.26.3.

Tive o mesmo problema. Acredito que seja por versões mais novas do nodeJs. Resolvi instalando o pacote natives na versão 1.1.6

npm install natives@1.1.6 --save-dev

Carlos, dá um retorno aqui pra gente por favor?

solução!

Olá desculpe a demora, meu problema consegui resolver atualizando o nodejs e o gulp para a versão 2.26.3 como é Leonardo mencionou.

Ótimo, vou ficar atendo para caso mais alguém passe por esse problema. Obrigado por compartilhar aqui Carlos e Leonardo!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software