Когда я запускаю задачу 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. Я надеюсь, что кто-то может пролить свет на то, что мне не хватает.
Спасибо.