Uncaught SyntaxError: Cannot use import statement outside a module

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
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容