这些是我的示例文件：
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<script src="t1.js"></script>
</head>
<body></body>
</html>
t1.js：
import Test from 't2.js';
t2.js：
export const Test = console.log("Hello world");
当我在 Firefox 46 中加载页面时，它返回“SyntaxError：import 声明可能只出现在module的顶层” - 但我不确定 import 语句可以在这里得到多少顶层。这个错误是一个红鲱鱼，是导入/导出还不支持吗？
实际上你得到的错误是因为你需要明确声明你正在加载一个module - 只有这样才允许使用module：
<script src="t1.js" type="module"></script>
我在这篇关于在浏览器中使用 ES6 导入的文档中找到了它。推荐阅读。
这些浏览器版本完全支持（及更高版本；caniuse.com上的完整列表）：
在较旧的浏览器中，您可能需要在浏览器中启用一些标志：
chrome:flags.dom.moduleScripts.enabled在about:config.about:flags.这已经不准确了。 当前所有浏览器现在都支持 ES6 module
此功能目前未在任何浏览器中实现。它在许多转译器中实现，例如 Traceur Compiler、Babel 或 Rollup。
浏览器不支持import.
这是浏览器支持表：
如果您想导入 ES6 module，我建议您使用转译器（例如babel）。
在导入文件时使用 .js 文件扩展名解决了同样的问题（不要忘记type="module在脚本标签中设置）。
简单地写：
import foo from 'foo.js';
代替
import foo from 'foo';
Modules work only via HTTP(s), not locally
如果您尝试通过file:// 协议在本地打开网页，您会发现导入/导出指令不起作用。使用本地 Web 服务器（例如静态服务器）或使用编辑器的“实时服务器”功能（例如 VS Code Live Server Extension）来测试module。
你可以在这里参考：https : //javascript.info/modules-intro
Live server VS code extension链接：https : //marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
添加type=module导入和导出module的脚本将解决这个问题。