Как решить ошибку разбора модуля типа источника Gulp? - PullRequest
0 голосов
/ 06 февраля 2020

Когда я запускаю задачу 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));
});

Вот мой пакет. 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. Я надеюсь, что кто-то может пролить свет на то, что мне не хватает.

Спасибо.

...