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

Erro quando coloco no usemin, para a página de produtos

quando coloco o build:css, e js, na página dos produto, ocorre um erro, funciona apenas na página index.

C:\Users\Ultrabook\Desktop\Curso-Gulp-automa-o-de-tarefas-front-end-capitulo3\pr ojeto>npm run gulp

projeto@1.0.0 gulp C:\Users\Ultrabook\Desktop\Curso-Gulp-automa-o-de-tarefas-f ront-end-capitulo3\projeto gulp

[15:34:17] Using gulpfile ~\Desktop\Curso-Gulp-automa-o-de-tarefas-front-end-cap itulo3\projeto\gulpfile.js [15:34:17] Starting 'clean'... [15:34:17] Finished 'clean' after 164 ms [15:34:17] Starting 'copy'... [15:34:18] Finished 'copy' after 467 ms [15:34:18] Starting 'default'... [15:34:18] Starting 'build-img'... [15:34:18] Starting 'usemin'... [15:34:18] Finished 'default' after 101 ms C:\Users\Ultrabook\Desktop\Curso-Gulp-automa-o-de-tarefas-front-end-capitulo3\pr ojeto\node_modules\map-stream\index.js:82 if(ended) throw new Error('map stream is not writable') ^

Error: map stream is not writable at Stream.stream.write (C:\Users\Ultrabook\Desktop\Curso-Gulp-automa-o-de-ta refas-front-end-capitulo3\projeto\node_modules\map-stream\index.js:82:21) at DestroyableTransform.ondata (C:\Users\Ultrabook\Desktop\Curso-Gulp-automa -o-de-tarefas-front-end-capitulo3\projeto\node_modules\through2\node_modules\rea dable-stream\lib_stream_readable.js:619:20) at emitOne (events.js:116:13) at DestroyableTransform.emit (events.js:211:7) at addChunk (C:\Users\Ultrabook\Desktop\Curso-Gulp-automa-o-de-tarefas-front -end-capitulo3\projeto\node_modules\through2\node_modules\readable-stream\lib_s tream_readable.js:291:12) at readableAddChunk (C:\Users\Ultrabook\Desktop\Curso-Gulp-automa-o-de-taref as-front-end-capitulo3\projeto\node_modules\through2\node_modules\readable-strea m\lib_stream_readable.js:278:11) at DestroyableTransform.Readable.push (C:\Users\Ultrabook\Desktop\Curso-Gulp -automa-o-de-tarefas-front-end-capitulo3\projeto\node_modules\through2\node_modu les\readable-stream\lib_stream_readable.js:245:10) at DestroyableTransform.Transform.push (C:\Users\Ultrabook\Desktop\Curso-Gul p-automa-o-de-tarefas-front-end-capitulo3\projeto\node_modules\through2\node_mod ules\readable-stream\lib_stream_transform.js:148:32) at DestroyableTransform.endStream [as flush] (C:\Users\Ultrabook\Desktop\Cu rso-Gulp-automa-o-de-tarefas-front-end-capitulo3\projeto\nodemodules\gulp-conca t\index.js:96:10) at DestroyableTransform.prefinish (C:\Users\Ultrabook\Desktop\Curso-Gulp-aut oma-o-de-tarefas-front-end-capitulo3\projeto\node_modules\through2\node_modulesreadable-stream\lib_stream_transform.js:138:10) at emitNone (events.js:106:13) at DestroyableTransform.emit (events.js:208:7) at prefinish (C:\Users\Ultrabook\Desktop\Curso-Gulp-automa-o-de-tarefas-fron t-end-capitulo3\projeto\node_modules\through2\node_modules\readable-stream\lib_ stream_writable.js:619:14) at finishMaybe (C:\Users\Ultrabook\Desktop\Curso-Gulp-automa-o-de-tarefas-fr ont-end-capitulo3\projeto\node_modules\through2\node_modules\readable-stream\lib _stream_writable.js:627:5) at endWritable (C:\Users\Ultrabook\Desktop\Curso-Gulp-automa-o-de-tarefas-fr ont-end-capitulo3\projeto\node_modules\through2\node_modules\readable-stream\lib _stream_writable.js:638:3) at DestroyableTransform.Writable.end (C:\Users\Ultrabook\Desktop\Curso-Gulp- automa-o-de-tarefas-front-end-capitulo3\projeto\node_modules\through2\node_modul es\readable-stream\lib_stream_writable.js:594:41) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! projeto@1.0.0 gulp: gulp npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the projeto@1.0.0 gulp script. npm ERR! This is probably not a problem with npm. There is likely additional log ging output above.

npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Ultrabook\AppData\Roaming\npm-cache_logs\2020-04-08T18_34 22540Z-debug.log

3 respostas

Fala ai Miquéias, tudo bem? Esse problema pode estar ocorrendo por N motivos.

Sendo assim, vou pedir que você compartilhe o projeto com a gente (se possível). Pode compartilhar via Github ou Google Drive (zipado).

Assim eu consigo simular o problema por aqui e analisá-lo com mais calma.

Fico no aguardo.

Olá Matheus,

Segue o link do projeto: https://drive.google.com/open?id=1V_Ja46byZoX7Svj7_Dzn_oDOMgpoRcQP

solução!

Fala Miquéias, tudo bem? Dei uma olhada no projeto, o problema está na definição da task usemin, olhe como ela está:

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

Repare que tanto o uglify, quanto o cssmin você está chamando as funções dele, mas, na verdade quem deveria chamá-las é o Gulp.

Sendo assim, basta apenas passá-las para o array sem invocá-las (retirar os parenteses), ficando:

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

Isso deve resolver o problema.

Espero ter ajudado.

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