image.png
根据报错中了解到，是说无法在模块外部使用import语句，因为Module 的加载实现的是es6语法，所以在浏览器加载html文件时，需要在script 标签中加入type="module"属性。
image.png
- 查阅资料的过程中发现有的小伙伴会出现跨域报错问题,原因是使用了file协议预览,原因如下:
导致跨域的原因是协议、域名、端口号只要有一个不同就会导致跨域，而这里的协议通常是指http协议、https等协议，也就是说http、data、chrome、chrome-extension、https这些协议是支持跨域请求的，而file协议并不支持。
- 解决办法
使用http协议预览,可以使用vs code安装Live Server插件或者使用npm 安装http-server
