gulp babel插件不起作用

Question

我试着用巴别塔吞咽。但我遇到了无法解决的错误。

我的吞咽任务看起来像是`

var gulp = require('gulp'),
    concat = require('gulp-concat'),
    babel = require("gulp-babel");

gulp.task('default', function() {

    gulp.src(cssSrc)
        .pipe(concat('main.css'))
        .pipe(gulp.dest('build'));

    gulp.src(jsSrc)
        .pipe(babel())
        .pipe(concat('app.js'))
        .pipe(gulp.dest('build'));

    gulp.watch(cssSrc,['css-task']);
    gulp.watch(jsSrc,['js-task']);

});

`

jsSrc - js文件的路径数组

.babelrc看起来是这样的

{
"presets": ["es2015"]
}

当我运行gulp时，我看到了这个错误

events.js:141
      throw er; // Unhandled 'error' event
      ^
ReferenceError: [BABEL] C:\workspace\projects\test\test-client\app.js: Unknown option: C:\workspace\projects\test\test-client\.babelrc.presets
    at Logger.error (C:\workspace\projects\test\test-client\node_modules\gulp-babel\node_modules\babel-core\lib\transformation\file\logger.js:58:11)
    at OptionManager.mergeOptions (C:\workspace\projects\test\test-client\node_modules\gulp-babel\node_modules\babel-core\lib\transformation\file\options\option-manager.js:126:29)
    at OptionManager.addConfig (C:\workspace\projects\test\test-client\node_modules\gulp-babel\node_modules\babel-core\lib\transformation\file\options\option-manager.js:107:10)
    at OptionManager.findConfigs (C:\workspace\projects\test\test-client\node_modules\gulp-babel\node_modules\babel-core\lib\transformation\file\options\option-manager.js:168:35)
    at OptionManager.init (C:\workspace\projects\test\test-client\node_modules\gulp-babel\node_modules\babel-core\lib\transformation\file\options\option-manager.js:229:12)
    at File.initOptions (C:\workspace\projects\test\test-client\node_modules\gulp-babel\node_modules\babel-core\lib\transformation\file\index.js:147:75)
    at new File (C:\workspace\projects\test\test-client\node_modules\gulp-babel\node_modules\babel-core\lib\transformation\file\index.js:137:22)
    at Pipeline.transform (C:\workspace\projects\test\test-client\node_modules\gulp-babel\node_modules\babel-core\lib\transformation\pipeline.js:164:16)
    at DestroyableTransform._transform (C:\workspace\projects\test\test-client\node_modules\gulp-babel\index.js:30:20)
    at DestroyableTransform.Transform._read (C:\workspace\projects\test\test-client\node_modules\gulp-babel\node_modules\through2\node_modules\readable-stream\lib\_stream_transform.js:172:10)

app.js- jsSrc数组中的第一个文件

会出什么问题呢？

Answer 1

我遇到了和你描述的一样的问题。

在我的例子中，解决方案是除了更新模块babel-cli之外，还使用npm install gulp-babel --save-dev将模块gulp-babel更新到最新版本，因为他们将核心库updated到6.0.*。

希望这能有所帮助！