Javascript ES6模块导入失败

现在我的项目结构如下：

project
|- index.html
|- a.js
|- b.js
|- c.js

<script src="a.js" type="module">
</script>
<script src="b.js" type="module">
</script>
<script defer sync src="https://maps.googleapis.com/maps/api/js?key=KEY&libraries=drawing&callback=initMap">
</script>

项目树如下所示：

project
|- index.html
|- a.js
|- b.js
|- c.js

<script src="a.js" type="module">
</script>
<script src="b.js" type="module">
</script>
<script defer sync src="https://maps.googleapis.com/maps/api/js?key=KEY&libraries=drawing&callback=initMap">
</script>

在

index.html

中，我使用谷歌地图，所以它看起来像这样：

project
|- index.html
|- a.js
|- b.js
|- c.js

<script src="a.js" type="module">
</script>
<script src="b.js" type="module">
</script>
<script defer sync src="https://maps.googleapis.com/maps/api/js?key=KEY&libraries=drawing&callback=initMap">
</script>

在

b.js

中：

import {x, z} from './b.js';
import y from './c.js';
window.initMap = () => {
   //
};

export function x() {
}
export function z() {
}

export default class c {
}

在

c.js

中：

import {x, z} from './b.js';
import y from './c.js';
window.initMap = () => {
   //
};

export function x() {
}
export function z() {
}

export default class c {
}

但chrome建议失败：

未捕获语法错误：请求的模块未提供名为“default”的导出。

---

它建议在每个js文件的第一行

import

中

uncaughtsyntaxerror:Unexpected identifier

您必须使用

import{x}from./b.js'因为导出x不是默认的x。每个非默认导出都必须被分解。您的编辑似乎删除了可能导致错误的部分。是的，我在导入非默认导出时使用了
{}
，我也导入了默认导出。两者都错了。