Gulp 吞咽包JSON

我已经用GULP创建了一个演示，但是在运行gulpjs文件时遇到了一些问题

安装过程：

sudo npm init 
sudo npm install gulp-jshint gulp-sass gulp-concat gulp-uglify gulp-rename --save-dev
sudo npm install --save-dev gulp

控制台警告：

mnbcvd3456:glp user$ sudo npm install gulp
npm WARN package.json gulp@3.8.6 No repository field.
npm WARN install Refusing to install gulp as a dependency of itself

package.JSON：

{
  "name": "gulp",
  "version": "3.8.6",
  "description": "Gulp Demo",
  "main": "index.js",
  "directories": {
    "doc": "doc"
  },
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "User",
  "license": "ISC",
  "devDependencies": {
    "gulp-concat": "^2.3.3",
    "gulp-jshint": "^1.7.1",
    "gulp-rename": "^1.2.0",
    "gulp-sass": "^0.7.2",
    "gulp-uglify": "^0.3.1"
  }
}

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

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

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

现在，如果我试图运行我的gulpjs文件，使用命令“gulp”。然后它会产生一个错误，如下所示：

mnbcvd3456:glp user$ gulp

    module.js:340
        throw err;
              ^
    Error: Cannot find module 'gulp'
        at Function.Module._resolveFilename (module.js:338:15)
        at Function.Module._load (module.js:280:25)
        at Module.require (module.js:364:17)
        at require (module.js:380:17)
        at Object.<anonymous> (/Users/glp/gulpfile.js:5:12)
        at Module._compile (module.js:456:26)
        at Object.Module._extensions..js (module.js:474:10)
        at Module.load (module.js:356:32)
        at Function.Module._load (module.js:312:12)
        at Module.require (module.js:364:17)

mnbcvd3456:glp用户$gulp
module.js:340
犯错误；
^
错误：找不到模块“gulp”
在Function.Module.\u解析文件名（Module.js:338:15）
在Function.Module.\u加载（Module.js:280:25）
at Module.require（Module.js:364:17）
根据需要（模块js:380:17）
反对。（/Users/glp/gulpfile.js:5:12）
在模块处编译（Module.js:456:26）
在Object.Module.\u extensions..js（Module.js:474:10）
在Module.load（Module.js:356:32）
在Function.Module.\u加载（Module.js:312:12）
at Module.require（Module.js:364:17）

我认为问题可能在于两个安装在同一级别上。所以grunt和gulp都尝试访问pakage.json

尝试将它们安装到不同的文件夹中

另外，在全局范围内安装gulp，然后在本地与grunt不同的文件夹上安装，创建一个空包，如下所示：

{
  "name": "name_you_want",
  "version": "0.0.1",
  "devDependencies": { }
}

并像下面这样为dev添加插件（package.json所在文件夹上的命令行：npm install--save dev plugin_name

---

另外：您为什么要同时使用咕噜和咕噜？

问题是您将命名为“name”“gulp”

把你的名字改成你喜欢的任何东西，但不要“吞咽”

您还可以看到：

---

好的，那么你所说的“但是在运行“grunt”命令和安装gulp时遇到问题”在我的问题中添加了新行，以便更清楚地理解…可能这会帮助你理解我的问题…你的文件名是错的。不是gulp.js，而是gulpfile.js试试看！