Я использую 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"]
}
Это ошибка:
Это строка, вызывающая ошибку: