javascript - Gulp - 找不到模块 'gulp-rename'

Question

我试图设置 Gulp 来编译 SCSS 文件并在此过程中重命名 SCSS 文件 - 例如:

我希望将 SCSS/original.scss 另存为 CSS/new.css

这是在 Windows 10 虚拟机上

我安装了 Gulp，安装了 gulp-sass，一切正常

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

运行上面的 gulp 任务工作得很好，但是当我尝试安装 gulp-rename 时，任务中断:

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

我最初尝试使用这个命令安装 gulp rename

npm install gulp-rename

与我对 gulp-sass 所做的一样，它似乎和以前一样工作得很好，显然不是，但我不确定如何或为什么。

我已经做了一些谷歌搜索并尝试在全局范围内安装它，这似乎再次安装正常

npm install gulp-rename -g

而且我还看到了一些将 gulp-rename 保存为开发依赖项的建议，所以我尝试了

npm install gulp-rename --save-dev

再次安装没有错误。

当我尝试运行 gulp 任务时，这是我收到的错误消息:

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)

我无法理解我在这里做错了什么，我想我已经在此处添加了所有相关信息 - 非常感谢任何关于我可以在此尝试什么的指导或建议!

N

Answer 1

首先，确保 gulp-rename 在 dependencies 或 devDependencies 下的 package.json 中列出。然后运行:

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

然后再次检查。