为什么导入/导出语句不起作用？

Question

所以我有两个文件：

fo1

const a = 2;
export {a};

和

foo2

import a from "./foo1.js";
console.log(a);

这两个文件都是用html:

    <script src='./scripts/foo2.js' type='module'></script>
    <script src='./scripts/foo1.js' type='module'></script>

脚本一运行就会抛出以下错误：

＜code＞未捕获的语法错误：请求的模块'/“foo2.js”不提供名为“default”的导出

Answer 1

如果要从 foo1 导出，则无需添加两个 js 文件，只需要要导入的文件。试试这样一种方式：

// foo1.js
export const a = 2;

// foo2.js
import { a } from "./foo1.js";
console.log(a);

html prettyprint-override"> <script src='./scripts/foo2.js' type='module'></script>

Answer 2

您的导入方式仅适用于默认的导出/导入。所以有两种方法可以修复代码:

1. 更改导入语句

从“./fo1. js”导入一个；

（不使用默认导出）

导出默认a；

然后，在导入时，您可以执行任何操作，因为默认导出仍然是a：

从“./foo1.js”导入 a;从“./foo1.js”导入 aWithNewName;