小编Ale*_*rra的帖子

我正在使用gulp, gulp-babel，这导致了错误。
我不知道如何使用模块（ES6），因为当我尝试将另一个文件导入其中时，它会向我显示以下消息：

未捕获的引用错误：未定义要求

我知道问题是在代码转译之后，因为我尝试链接到未转译的代码，并且它工作得很好。

这些是我的文件。

app.js *（我想使用 import 来获取另一个模块......）

注意：require从 CommonJS 项目使用，也不起作用。

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

comun.js （我想从中获取 const 的地方）

export const a = 1;

index.html （Html 文件）（文件已转译）

<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)
});

最后。这是我的.babelrc文件（我尝试使用 commonjs、systemjs、amd...没有任何效果）

{
    "presets" : ["@babel/env"], …