{"componentChunkName":"component---src-templates-single-template-tsx","path":"/como-instalar-o-gulp-4","result":{"data":{"site":{"siteMetadata":{"siteUrl":"https://blog.nandomoreira.dev","author":{"name":"Fernando Moreira","site":"https://nandomoreira.dev","social":{"disqus":"fernandomoreira"}}}},"markdownRemark":{"html":"<p>Gulp 4 não foi liberado ainda e se você não pode esperar para colocar suas mãos sobre ele, aqui vai como instalar o Gulp 4.</p>\n<h3>Instale o Gulp globalmente</h3>\n<p>Se você tiver uma versão anterior do Gulp instalado, desinstale primeiro. Talvez seja necessário executar este comando como um administrador ou um superusuário, dependendo do seu sistema.</p>\n<div class=\"gatsby-highlight\" data-language=\"bash\"><pre style=\"counter-reset: linenumber NaN\" class=\"language-bash line-numbers\"><code class=\"language-bash\"><span class=\"token function\">npm</span> uninstall -g gulp\n<span class=\"token function\">npm</span> <span class=\"token function\">install</span> -g <span class=\"token string\">\"gulpjs/gulp-cli#4.0\"</span>\nNa minha máquina <span class=\"token punctuation\">(</span>Linux Mint Rebecca<span class=\"token punctuation\">)</span>, eu não tinha problemas contínuos usando Gulp <span class=\"token operator\">&lt;</span> <span class=\"token number\">4</span> depois de instalar globalmente Gulp <span class=\"token number\">4</span>.</code><span aria-hidden=\"true\" class=\"line-numbers-rows\" style=\"white-space: normal; width: auto; left: 0;\"><span></span><span></span><span></span></span></pre></div>\n<h3>Adicionar Gulp 4 em seus repositórios</h3>\n<p>Se você usar uma versão anterior do Gulp (ie Gulp 3.8.x ou anterior), remova-o do repositório que você deseja atualizar. Não se esqueça de especificar --save-dev ou --save para que o seu package.json seja atualizado.</p>\n<div class=\"gatsby-highlight\" data-language=\"bash\"><pre style=\"counter-reset: linenumber NaN\" class=\"language-bash line-numbers\"><code class=\"language-bash\"><span class=\"token builtin class-name\">cd</span> your_repo/\n<span class=\"token function\">npm</span> uninstall gulp --save-dev <span class=\"token comment\"># removendo o gulp 3.8.x local</span>\n<span class=\"token function\">npm</span> <span class=\"token function\">install</span> <span class=\"token string\">\"gulpjs/gulp#4.0\"</span> --save-dev <span class=\"token comment\"># instalando o gulp 4.0 local</span></code><span aria-hidden=\"true\" class=\"line-numbers-rows\" style=\"white-space: normal; width: auto; left: 0;\"><span></span><span></span><span></span></span></pre></div>\n<h3>Possíveis problemas ao desinstalar Gulp</h3>\n<p>Na minha máquina, a versão anterior do Gulp não foi devidamente removida e eu comecei a ficar esse erro ao tentar executar:</p>\n<div class=\"gatsby-highlight\" data-language=\"bash\"><pre style=\"counter-reset: linenumber NaN\" class=\"language-bash line-numbers\"><code class=\"language-bash\">/usr/local/lib/node_modules/gulp/bin/gulp.js:129\n    gulpInst.start.apply<span class=\"token punctuation\">(</span>gulpInst, toRun<span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n                   ^\nTypeError: Cannot call method <span class=\"token string\">'apply'</span> of undefined\n    at /usr/local/lib/node_modules/gulp/bin/gulp.js:129:20\n    at process._tickDomainCallback <span class=\"token punctuation\">(</span>node.js:492:13<span class=\"token punctuation\">)</span></code><span aria-hidden=\"true\" class=\"line-numbers-rows\" style=\"white-space: normal; width: auto; left: 0;\"><span></span><span></span><span></span><span></span><span></span><span></span></span></pre></div>\n<p>O que significa esse erro de rastreamento uso tel? gulp.start() não está mais no Gulp 4 e não deve ser chamado e o pacote gulp-cli deve ser chamado no lugar de pacote gulp.</p>\n<p>Eu corri o seguinte comando:</p>\n<div class=\"gatsby-highlight\" data-language=\"bash\"><pre style=\"counter-reset: linenumber NaN\" class=\"language-bash line-numbers\"><code class=\"language-bash\"><span class=\"token function\">ls</span> -l $<span class=\"token variable\"><span class=\"token variable\">`</span><span class=\"token function\">whereis</span> gulp<span class=\"token variable\">`</span></span></code><span aria-hidden=\"true\" class=\"line-numbers-rows\" style=\"white-space: normal; width: auto; left: 0;\"><span></span></span></pre></div>\n<p>E percebi que eu ainda tinha um arquivo do Gulp antigo em uma pasta bin:</p>\n<div class=\"gatsby-highlight\" data-language=\"bash\"><pre style=\"counter-reset: linenumber NaN\" class=\"language-bash line-numbers\"><code class=\"language-bash\">lrwxrwxrwx <span class=\"token number\">1</span> root root <span class=\"token number\">40</span> May  <span class=\"token number\">3</span> <span class=\"token number\">11</span>:17 /usr/bin/gulp -<span class=\"token operator\">></span> <span class=\"token punctuation\">..</span>/lib/node_modules/gulp-cli/bin/gulp.js\nlrwxrwxrwx <span class=\"token number\">1</span> root root <span class=\"token number\">40</span> May  <span class=\"token number\">3</span> <span class=\"token number\">11</span>:17 /usr/bin/X11/gulp -<span class=\"token operator\">></span> <span class=\"token punctuation\">..</span>/lib/node_modules/gulp-cli/bin/gulp.js\nlrwxrwxrwx <span class=\"token number\">1</span> root root <span class=\"token number\">36</span> Apr  <span class=\"token number\">3</span> <span class=\"token number\">21</span>:41 /usr/local/bin/gulp -<span class=\"token operator\">></span> <span class=\"token punctuation\">..</span>/lib/node_modules/gulp/bin/gulp.js</code><span aria-hidden=\"true\" class=\"line-numbers-rows\" style=\"white-space: normal; width: auto; left: 0;\"><span></span><span></span><span></span></span></pre></div>\n<p>Simplesmente remova arquivos antigos:</p>\n<div class=\"gatsby-highlight\" data-language=\"bash\"><pre style=\"counter-reset: linenumber NaN\" class=\"language-bash line-numbers\"><code class=\"language-bash\"><span class=\"token function\">sudo</span> <span class=\"token function\">rm</span> /usr/local/bin/gulp\n<span class=\"token function\">sudo</span> <span class=\"token function\">rm</span> -rf /usr/local/lib/node_modules/gulp</code><span aria-hidden=\"true\" class=\"line-numbers-rows\" style=\"white-space: normal; width: auto; left: 0;\"><span></span><span></span></span></pre></div>\n<p>/done.</p>","excerpt":"Gulp 4 não foi liberado ainda e se você não pode esperar para colocar suas mãos sobre ele, aqui vai como instalar o Gulp 4. Instale o Gulp globalmente…","timeToRead":2,"frontmatter":{"category":["sass"],"date":"há 11 anos","datePublished":"2015-09-26T00:00:00.000Z","description":"Gulp 4 não foi liberado ainda e se você não pode esperar para colocar suas mãos sobre ele, aqui vai como instalar o Gulp 4.","path":"/como-instalar-o-gulp-4","tags":["node","gulp","instalação"],"title":"Como instalar o Gulp 4","image":{"publicURL":"/static/gulp-29ad534bcd8c62207f472d6b92fe7f99.png","name":"gulp"}},"fields":{"readingTime":{"words":308}}}},"pageContext":{}}}