如何解决Gulp源类型模块解析错误？

Question

运行gulp任务时，我不断收到此错误：

C:\...\node_modules\react-dnd-html5-backend\dist\esm\index.js:1
import HTML5Backend from './HTML5Backend';
^
ParseError: 'import' and 'export' may appear only with 'sourceType: module'
    at formatError (C:\...\node_modules\gulp-cli\lib\versioned\^4.0.0\format-error.js:21:10)

我已经安装了Babel，所以我对为什么收到此错误感到困惑。

这是正在运行的任务：

gulp.task('react', function() {
    var browserify = require('browserify');
    var source = require('vinyl-source-stream');
    var header = require('gulp-header');
    var bundle_name = 'admin.js';

    return browserify({
        entries: JS_Files,
        extensions: ['.jsx'],
        debug: true
    }).transform('babelify', {
        "presets": ["@babel/preset-env", "@babel/preset-react"]
    })
    .bundle()
    .pipe(source(bundle_name))
    .pipe(buffer())
    .pipe(browserSync.stream())
    .pipe(gulp.dest(Final_JS));
});

这是我的package.json

  "devDependencies": {
    "@babel/cli": "^7.8.4",
    "@babel/core": "^7.8.4",
    "@babel/preset-env": "^7.8.4",
    "@babel/preset-es2015": "^7.0.0-beta.53",
    "@babel/preset-react": "^7.8.3",
    "babelify": "^10.0.0",
    "browser-sync": "^2.26.7",
    "browserify": "^16.5.0",
    "gulp": "^4.0.2",
    "vinyl-source-stream": "^2.0.0"
  }

我还全局安装了Gulp v2.2.0。我希望有人能阐明我的失踪之处。

谢谢。