BROWSERSYNC NAO ATUALIZA AUTOMATICAMENTE | Gulp: automação de tarefas front-end

Solucionado (ver solução)

Solucionado
(ver solução)

1
resposta

Referente ao curso Gulp: automação de tarefas front-end

por Estudante

| 540.7k xp | 129 posts

Já vi outros topicos, mas n consegui resolver.

não atualiza o navegador quando mudo algo no codigo.

estou com a versao do node: v10.15.3, versao do npm: 6.4.1, segui as versoes q o prof pediu e soh mudei o browsersync p testar:

"devDependencies": {
    "browser-sync": "^2.26.3",
    "gulp": "^3.9.0",
    "gulp-clean": "^0.3.1",
    "gulp-concat": "^2.6.0",
    "gulp-cssmin": "^0.1.7",
    "gulp-html-replace": "^1.5.4",
    "gulp-imagemin": "^2.3.0",
    "gulp-uglify": "^1.4.1",
    "gulp-usemin": "^0.3.14"
  }

qdo atualizo o codigo, fica mostrando na linha do terminal: "[Browsersync] Reloading Browsers..."

Detalhe: faço o comando "npm run gulp server" na linha de comando para testar

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

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

1 resposta

solução!

por Estudante

| 540.7k xp | 129 posts

30/10/2019

Funcionou.

Hoje, quando exclui a pasta node_modules para arquivar os arquivos do curso e coloquei 'npm install' para baixar as dependencias de novo e subir com 'npm run gulp server', abriu no servidor, sincronizou as alterações e abriu no celular tb. segue o package.json:

{
  "name": "projeto",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "gulp": "gulp"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "browser-sync": "^2.26.7",
    "gulp": "^3.9.0",
    "gulp-autoprefixer": "^3.0.2",
    "gulp-clean": "^0.3.1",
    "gulp-concat": "^2.6.0",
    "gulp-csslint": "^0.2.0",
    "gulp-cssmin": "^0.1.7",
    "gulp-html-replace": "^1.5.4",
    "gulp-imagemin": "^2.3.0",
    "gulp-jshint": "^1.11.2",
    "gulp-less": "^3.0.3",
    "gulp-uglify": "^1.4.1",
    "gulp-usemin": "^0.3.14",
    "jshint-stylish": "^2.0.1"
  }
}