ES6模块导入失败

Question

现在我的项目结构是这样的：

项目树是这样的：

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

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

<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>

所以整个项目的输入函数就是回调函数  initMap，它应该是全局的，它位于a.js：

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

b.js中的

：

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

c.js中的

：

export default class c {
}

但Chrome建议失败：Uncaught SyntaxError: The requested module does not provide an export named 'default'。

它建议在每个js文件import

的第一个Uncaught SyntaxError: Unexpected identifier行中