gulp报错“Error: Couldn't find preset "es2015" relative to directory”

本人在初次使用gulp时遇到的问题后，总结出的解决方法

在gulpfile.js文件中

var babel = require("gulp-babel");

//压缩js
gulp.task('js', () => {
  gulp.src(['simplebootx-gulp/src/*.js', 'simplebootx-gulp/src/**/*.js', 'simplebootx-gulp/src/**/**/*.js', 'simplebootx-gulp/src/**/**/**/*.js'])
    .pipe(babel()) 
    .pipe(uglify({
      compress: true
    }))
    .pipe(gulp.dest('simplebootx-gulp/dist'));
});

在命令行中执行gulp会出现这种报错

$ gulp dev

Error: Couldn't find preset "es2015" relative to directory

 

解决方法：

1.安装ES2015转码规则

 

$ npm install --save-dev babel-preset-es2015

 

2.在“package.json”文件中检查是否已经安装

 

"devDependencies": {
    "babel-core": "^6.26.0",
    "babel-preset-es2015": "^6.24.1",
    "browser-sync": "^2.23.6",
    "del": "^3.0.0",
    "gulp": "^3.9.1",
    "gulp-autoprefixer": "^5.0.0",
    "gulp-babel": "^7.0.1",
    "gulp-base64": "^0.1.3",
    "gulp-cache": "^1.0.2",
    "gulp-clean-css": "^3.9.3",
    "gulp-css-base64": "^1.3.4",
    "gulp-htmlmin": "^4.0.0",
    "gulp-imagemin": "^4.1.0",
    "gulp-img64": "0.0.6",
    "gulp-jsonminify2": "^1.0.2",
    "gulp-pngquant": "^1.0.12",
    "gulp-rename": "^1.2.2",
    "gulp-sass": "^3.2.1",
    "gulp-uglify": "^3.0.0",
    "imagemin-pngquant": "^5.1.0"
  }"babel-preset-es2015": "^6.24.1",
    "browser-sync": "^2.23.6",
    "del": "^3.0.0",
    "gulp": "^3.9.1",
    "gulp-autoprefixer": "^5.0.0",
    "gulp-babel": "^7.0.1",
    "gulp-base64": "^0.1.3",
    "gulp-cache": "^1.0.2",
    "gulp-clean-css": "^3.9.3",
    "gulp-css-base64": "^1.3.4",
    "gulp-htmlmin": "^4.0.0",
    "gulp-imagemin": "^4.1.0",
    "gulp-img64": "0.0.6",
    "gulp-jsonminify2": "^1.0.2",
    "gulp-pngquant": "^1.0.12",
    "gulp-rename": "^1.2.2",
    "gulp-sass": "^3.2.1",
    "gulp-uglify": "^3.0.0",
    "imagemin-pngquant": "^5.1.0"
  }

3.重新执行gulp

$ gulp dev

成功...