javascript - commands - gulp-cli

Gulp-No se puede encontrar el módulo ''gulp-rename''

Question

Intento configurar Gulp para compilar un archivo SCSS y también cambiar el nombre del archivo SCSS en el proceso, por ejemplo:

Quiero que SCSS / original.scss se guarde como CSS / new.css

Esto es en una máquina virtual con Windows 10

He instalado Gulp, gulp-sass instalado, que funcionó bien

var gulp = require(''gulp'');
var sass = require(''gulp-sass'');
gulp.task(''compile-new-main'', function(){
return gulp.src(''scss/new-main.scss'')
.pipe(sass()) // Using gulp-sass
.pipe(gulp.dest(''css''))
});

Ejecutar la tarea anterior de gulp funciona muy bien, pero cuando intento instalar gulp-rename como el siguiente se rompe la tarea:

var gulp = require(''gulp'');
var sass = require(''gulp-sass'');
var rename = require("gulp-rename");
gulp.task(''compile-new-main'', function(){
return gulp.src(''scss/new-main.scss'')
.pipe(sass()) // Using gulp-sass
.pipe(rename("styles.css"))
.pipe(gulp.dest(''css''))
});

Inicialmente intenté simplemente instalar gulp rename con este comando

npm install gulp-rename

Lo mismo que hice para gulp-sass, que parecía funcionar bien como antes, claramente no, pero no estoy seguro de cómo o por qué.

He hecho un poco de búsqueda en Google e intenté instalarlo globalmente, que de nuevo pareció instalarse bien

npm install gulp-rename -g

Y también vi algunas recomendaciones de guardar gulp-rename como una dependencia de desarrollo, así que probé

npm install gulp-rename --save-dev

Nuevamente, no hay errores en la instalación.

Cuando intento ejecutar mi tarea Gulp, este es el mensaje de error que recibo:

Error: No se puede encontrar el módulo ''gulp-rename'' en Function.Module._resolveFilename (module.js: 469: 15) en Function.Module._load (module.js: 417: 25) en Module.require (module.js: 497 : 17) at require (interno / module.js: 20: 19) en Object. (C: / Projects / VAT-Expert / gulpfile.js: 3: 14) en Module._compile (module.js: 570: 32) en Object.Module._extensions..js (module.js: 579: 10) en Module.load (module.js: 487: 32) en tryModuleLoad (module.js: 446: 12) en Function.Module._load (module.js: 438: 3)

No puedo comprender lo que he hecho mal aquí, creo que he agregado toda la información relevante aquí. ¡Cuánto agradezco cualquier orientación o consejo sobre lo que podría probar en este caso!

norte

Answer 1

En primer lugar, asegúrese de que gulp-rename devDependencies en su package.json en dependencies o devDependencies . Entonces corre:

npm uninstall -g gulp
npm install -g gulp
rm -rf node_modules
npm install 

Luego verifica nuevamente.