javascript - Reactify、Browserify 和 Gulp : TypeError: Object # has no method 'transform'

Question

这是我通过命令行执行 gulp 脚本 时的错误:

TypeError: Object #< Transform > has no method 'transform'

这是gulpfile.js:

var gulp            = require ('gulp')
    , browserify    = require ('gulp-browserify')
    , source        = require ('vinyl-source-stream')
    , reactify      = require ('reactify');

gulp.task('scripts', function () {
  browserify('./assets/js/main.js')
    .transform(reactify)
    .bundle()
    .pipe(source('main.js'))
    .pipe(gulp.dest('./static/js'));
});

gulp.task('default', ['scripts']);

我真的不知道如何解决这个问题。我在互联网上进行了搜索，但没有找到与我的具体错误相近的内容。

Answer 1

您的任务存在一些问题。

首先，您必须使用 gulp.src 来获取您的 main.js 文件。其次，transform 是 gulp-browserify 的一个选项，而不是您想要通过管道传输流的东西，对于 bundle 也是如此。

gulp.task('scripts', function () {
  return gulp.src('./assets/js/main.js')
    .pipe(browserify({
      transform: [reactify]
    }))
    .pipe(gulp.dest('./static/js'));
});

如果你想要的东西更像你的第一次尝试，你不需要 gulp-browserify，但单独使用 browserify，有一篇很好的文章介绍如何将 ReactJs 与 Browserify 和 gulp 一起使用 here .