2017-02-07 71 views
1

我試圖建立咕嘟咕嘟編譯SCSS文件並重新命名也是在這個過程中SCSS文件 - 因此,例如:咕嘟咕嘟 - 找不到模塊「吞掉,重命名」

我想SCSS/original.scss保存爲CSS/new.css

這是在Windows 10 VM

我已經安裝了咕嘟咕嘟一飲而盡安裝,青菜,所有的工作只是罰款

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')) 
}); 

運行上面一飲而盡任務工作得很好,但是當我嘗試和安裝一飲而盡,重命名爲以下任務符:

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')) 
}); 

我最初嘗試剛剛安裝一飲而盡用這個命令

npm install gulp-rename 
重命名

和我一樣,我似乎也像以前一樣工作得很好,但我不確定如何或爲什麼。

我做了一些谷歌搜索,並嘗試安裝它在全球再次似乎安裝罰款

npm install gulp-rename -g 

而且我也看到了節約的一些建議一飲而盡,重命名爲DEV-扶養所以我試圖

npm install gulp-rename --save-dev 

同樣是在安裝中沒有錯誤。

當我嘗試運行我一飲而盡任務,這是錯誤消息我得到:

Error: Cannot find module 'gulp-rename' at Function.Module._resolveFilename (module.js:469:15) at Function.Module._load (module.js:417:25) at Module.require (module.js:497:17) at require (internal/module.js:20:19) at Object. (C:\Projects\VAT-Expert\gulpfile.js:3:14) 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)

我不能避開我做了什麼錯在這裏我的頭,以爲我已經添加了所有的在這裏的相關信息 - 非常感謝任何指導或建議我可以試試這個!

ň

+0

在'node_modules'目錄中是否有'gulp-rename'? – Philipp

+0

@Philipp啊沒有沒有 - 顯然它沒有安裝...我會再次嘗試這一切,並試圖找出爲什麼它沒有安裝和/或把它裝怎麼... –

回答

8

首先,確保一飲而盡,重命名是在你的package.jsondependenciesdevDependencies下。然後運行:

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

然後再次檢查。

+0

釘支護它 - 謝謝@Philipp –