Babel (gulp-babel) Uncaught ReferenceError: требуется не определено - PullRequest
Новая
       35

Babel (gulp-babel) Uncaught ReferenceError: требуется не определено

0 голосов
/ 31 января 2020

Я использую gulp, gulp-babel, что вызывает ошибку.
Я не знаю, как я могу использовать модуль (ES6), потому что, когда я пытаюсь импортировать в него другой файл, он показывает мне это сообщение:

Uncaught ReferenceError: require не определен

Я знаю, что проблема в том, что после переноса кода, потому что я пытался связать с кодом, который не переносится и работает отлично.

Это мои файлы.

приложение. js * (где я хочу использовать импорт, чтобы получить другой модуль ...)

Примечание: Использование require из общего JS проект, также не работает. 

import a from "./comun.js"; //This doesn't work
class Player{
    contructor(){...}
}

comun. js (Где я хочу получить const) 

export const a = 1;

index. html (Html file) (Файл перенесен) 

<script src="./dist/js/app.js" type="module"></script>

А это мой gulpfile.babel. js (работает отлично) 

const gulp = require ('gulp');
const babel = require('gulp-babel');
function transpileToES5() {
    return  gulp.src('./assets/js/*.js')
    .pipe(babel())
    .pipe(gulp.dest('./dist/js/'));
}

gulp.task('default', function () {
    return gulp.watch(['./assets/js/*.js'], transpileToES5)
});

И наконец. Это мой .babelr c файл (пробовал с обычным js, system js, amd ... ничего не работает) 

{
    "presets" : ["@babel/env"],
    "plugins": ["transform-es2015-modules-commonjs"]
}

Это ошибка:
SHOW CAPTURE OF THE ERROR ON THE BROWSER

Это строка, вызывающая ошибку:
SHOW CAPTURE OF THE WRONG LINE ON THE BROWSER

...