javascript - commands - gulp-cli
Gulp-No se puede encontrar el módulo ''gulp-rename'' (1)
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
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.