2016-06-24 98 views
0

我是Gulp的新手,我正在關注tutorial。我到了最後一步,在我的項目文件中運行gulp,但我收到一個錯誤消息,指出無法找到模塊'gulp'。我已經驗證了我已經安裝了gulp。 CLI(在附註中,CLI是什麼意思?)和本地版本都是3.9.1。我想知道我做錯了什麼?設置Gulp - 找不到模塊'gulp'

gulpfile.js:

// Include gulp 
var gulp = require('gulp'); 

// Include Our Plugins 
var jshint = require('gulp-jshint'); 
var concat = require('gulp-concat'); 
var uglify = require('gulp-uglify'); 
var rename = require('gulp-rename'); 

// Lint Task 
gulp.task('lint', function() { 
    return gulp.src('js/*.js') 
     .pipe(jshint()) 
     .pipe(jshint.reporter('default')); 
}); 

// Concatenate & Minify JS 
gulp.task('scripts', function() { 
    return gulp.src('js/*.js') 
     .pipe(concat('all.js')) 
     .pipe(gulp.dest('dist')) 
     .pipe(rename('all.min.js')) 
     .pipe(uglify()) 
     .pipe(gulp.dest('dist/js')); 
}); 

// Watch Files For Changes 
gulp.task('watch', function() { 
    gulp.watch('js/*.js', ['lint', 'scripts']); 
}); 

// Default Task 
gulp.task('default', ['lint', 'scripts', 'watch']); 

的package.json:

{ 
    "name": "gulp", 
    "version": "3.9.1", 
    "description": "", 
    "main": "index.js", 
    "scripts": { 
    "test": "echo \"Error: no test specified\" && exit 1" 
    }, 
    "author": "", 
    "license": "ISC", 
    "devDependencies": { 
    "gulp-concat": "^2.6.0", 
    "gulp-jshint": "^2.0.1", 
    "gulp-rename": "^1.2.2", 
    "gulp-uglify": "^1.5.4", 
    "jshint": "^2.9.2" 
    } 
} 

文件結構:

|-- gulpfile.js 
|-- package.json 
|-- node_modules 
| |-- .bin 
| |-- gulp-concat 
| |-- gulp-jshint 
| |-- gulp-rename 
| |-- gulp-uglify 
| |-- jshint 

錯誤:

command line gulp error

回答

0

在devDependencies安裝咕嘟咕嘟

npm install --save-dev gulp 

去你的目錄,這是

D:\xampp\htdocs\test\gulp>npm install --save-dev gulp 

並按下回車鍵