javascript - 如何使用es6模块导入导出js文件

标签 javascript

我在最基本的级别上使用 es6 模块功能时遇到了麻烦。

查看 MDN 文档,我看到了使用该功能的许多变体,但它们都不适合我。考虑以下代码片段:


//importer.js
"use strict";

import * as imported from "./exporter";

imported.foo();

//exporter.js
"use strict";

export const foo = () => console.log('success');

//main.html
<html>
<head>
<script src = "./importer.js"></script>
</head>
</html>

我希望以下代码记录“成功”,这样我就知道“导入的模块”成功地从“导出的模块”导入了 foo 函数。

我还尝试了一些其他变体,例如带括号 {} 的导出或默认导出,就像 MDN 中所写的那样。

显然我错过了一些基本的东西。 我们将非常感谢您的帮助。

最佳答案

在您的 html 脚本元素中,请添加 type="module" 属性,在您的导入器文件中,您需要添加文件扩展名

 import * as imported from "./exporter.js";

关于javascript - 如何使用es6模块导入导出js文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56476154/

相关文章:

javascript - 通过过滤器隐藏不需要的结果

php - 将PHP RegEx转换为JavaScript RegEx

javascript - ng-html-bind 用于包含复选框的标签

javascript - Fabric js - 我如何知道当前正在工作的 Canvas

javascript - 在与先前选择的相同文件上检测文件选择

javascript - Ember.js:如何注入(inject)应用程序设置

javascript - 向下滚动网页时如何更改图片?

javascript - 无法从 super 测试应用程序请求中捕获异常

javascript - 通过 WebSockets 将音频流式传输到 Web 音频播放器

javascript - 如何向 Twitter API 发出 POST 更新请求?