我正在使用
我不知道如何使用模块 (ES6),当我尝试导入另一个文件时,它显示以下消息:
这些是我的文件:
app.js *(我想使用 import 导入另一个模块的地方...)
注:从 CommonJS 项目使用
这是错误信息:
这是导致错误的代码行:
gulp
和 gulp-babel
,但出现了错误。我不知道如何使用模块 (ES6),当我尝试导入另一个文件时,它显示以下消息:
我知道问题出在代码转换之后,因为我尝试链接到未转换的代码,它可以完美地工作。Uncaught ReferenceError: require is not defined
这些是我的文件:
app.js *(我想使用 import 导入另一个模块的地方...)
注:从 CommonJS 项目使用
require
也无法解决。import a from "./comun.js"; //This doesn't work
class Player{
contructor(){...}
}
comun.js (我想从中获取一个常量)
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"],
"plugins": ["transform-es2015-modules-commonjs"]
}
这是错误信息:
![在浏览器上显示错误截图](https://istack.dev59.com/rh3Hu.webp)
这是导致错误的代码行:
![在浏览器上显示出错的行截图](https://istack.dev59.com/g2ava.webp)