gulp-babel插件不起作用

时间:2015-11-13 15:09:38

标签: gulp babeljs

我尝试使用babel与吞咽。但我遇到了无法解决的错误。

我的gulp任务看起来像 `

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文件的pathes数组

.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数组中的第一个文件

可能出现什么问题?

1 个答案:

答案 0 :(得分:1)

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

在我的情况下,除了更新模块babel-cli之外,该解决方案还将模块gulp-babel更新为npm install gulp-babel --save-dev的最新版本,因为它们http://www.qtcentre.org/threads/12828-Setting-stylesheet-for-quot-almost-quot-all-widgets核心库到6.0。*。

希望有所帮助!