3
respostas

Erro ao executar >npm run gulp server

Segue saída na console:

G:\Cursos Alura\18 - Curso Gulp automaçao de tarefas front-end\aulas\Aula 01\pro jeto>npm run gulp server

projeto@1.0.0 gulp G:\Cursos Alura\18 - Curso Gulp automaçao de tarefas front- end\aulas\Aula 01\projeto gulp "server"

G:\Cursos Alura\18 - Curso Gulp automaçao de tarefas front-end\aulas\Aula 01\pro jeto\node_modules\accord\lib\adapter_base.js:103 throw new Error("'tried to require: " + this.supportedEngines + "'.\nNon e found. Make sure one has been installed!"); ^

Error: 'tried to require: less'. None found. Make sure one has been installed! at Less.Adapter (G:\Cursos Alura\18 - Curso Gulp automaçao de tarefas front- end\aulas\Aula 01\projeto\node_modules\accord\lib\adapter_base.js:103:15) at new Less (G:\Cursos Alura\18 - Curso Gulp automaçao de tarefas front-end\ aulas\Aula 01\projeto\node_modules\accord\lib\adapters\less.js:17:41) at Object.exports.load (G:\Cursos Alura\18 - Curso Gulp automaçao de tarefas front-end\aulas\Aula 01\projeto\node_modules\accord\lib\index.js:20:12) at Object. (G:\Cursos Alura\18 - Curso Gulp automaçao de tarefas front-end\aulas\Aula 01\projeto\node_modules\gulp-less\index.js:9:29) at Module._compile (module.js:570:32) at Object.Module._extensions..js (module.js:579:10) at Module.load (module.js:487:32) at tryModuleLoad (module.js:446:12) at Function.Module._load (module.js:438:3) at Module.require (module.js:497:17)

npm ERR! Windows_NT 6.1.7601 npm ERR! argv "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\ node_modules\npm\bin\npm-cli.js" "run" "gulp" "server" npm ERR! node v6.11.2 npm ERR! npm v3.10.10 npm ERR! code ELIFECYCLE npm ERR! projeto@1.0.0 gulp: gulp "server" npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the projeto@1.0.0 gulp script 'gulp "server"'. npm ERR! Make sure you have the latest version of node.js and npm installed. npm ERR! If you do, this is most likely a problem with the projeto package, npm ERR! not with npm itself. npm ERR! Tell the author that this fails on your system: npm ERR! gulp "server" npm ERR! You can get information on how to open an issue for this project with: npm ERR! npm bugs projeto npm ERR! Or if that isn't available, you can get their info via: npm ERR! npm owner ls projeto npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request: npm ERR! G:\Cursos Alura\18 - Curso Gulp automaçao de tarefas front-end\aula s\Aula 01\projeto\npm-debug.log

G:\Cursos Alura\18 - Curso Gulp automaçao de tarefas front-end\aulas\Aula 01\pro jeto>

3 respostas

Você pode mandar o seu código para eu dar uma olhada e ver se consigo te ajudar?

bom dia Marco...segue...

gulpfile

var gulp = require('gulp') ,imagemin = require('gulp-imagemin') ,clean = require('gulp-clean') ,concat = require('gulp-concat') ,htmlReplace = require('gulp-html-replace') ,browserSync = require('browser-sync') ,jshint = require('gulp-jshint') ,jshintStylish = require('jshint-stylish') ,csslint = require('gulp-csslint') ,autoprefixer = require('gulp-autoprefixer') ,uglify = require('gulp-uglify') ,usemin = require('gulp-usemin') ,cssmin = require('gulp-cssmin') ,less = require('gulp-less');

gulp.task('default', ['copy'], function(){

gulp.start('build-img', 'usemin'); //'build-js','build-html');

});

// removida a dependência de build-img gulp.task('copy', ['clean'], function() { return gulp.src('src/*/') .pipe(gulp.dest('dist')); });

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

// adicionando a dependência copy gulp.task('build-img', function() {

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: [autoprefixer,cssmin] })) .pipe(gulp.dest('dist')); });

// inicia um sevidor local para se verificar as alteraçoes instantaneamente dos recursos da pagina HTML...muito bom gulp.task('server', function() { browserSync.init({ server: { baseDir: 'src' } });

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

gulp.watch('src/js/*/.js').on('change', function(event) { console.log("Linting " + event.path); gulp.src(event.path) .pipe(jshint()) .pipe(jshint.reporter(jshintStylish)); });

gulp.watch('src/css/*/.css').on('change', function(event) { console.log("Linting " + event.path); gulp.src(event.path) .pipe(csslint()) .pipe(csslint.reporter()); });

gulp.watch('src/less/*/.less').on('change', function(event) { var stream = gulp.src(event.path) .pipe(less().on('error', function(erro) { console.log('LESS, erro compilação: ' + erro.filename); console.log(erro.message); })) .pipe(gulp.dest('src/css')); });

});

package { "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.9.8", "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" } }


Olá Edson, pela mensagem de erro que apareceu no console "Error: 'tried to require: less'. None found." me parece que está faltando você instalar o módulo do compilador do Less.

Assegure-se de ter executado "npm install gulp-less --save-dev" no terminal, na raíz do seu projeto.

Quando o Gulp tenta executar, ele tenta localizar o módulo que você está realizando o "require" e não encontra.

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