跳转到主内容
趣航编程网 - 趣学编程,启航技术之路!

type="module" 的 script 标签有哪些浏览器兼容性坑?

主流现代浏览器原生支持type="module",但需注意:旧版浏览器无自动降级,须手动用nomodule提供fallback;file://下模块加载必失败,须用本地服务器;路径必须带./或../及扩展名;async模块不保证执行顺序。 主流现代 浏览器 (Chrome 61+、Firefox 60+、Safari 11+、Edge 16+)都已原生支持
type="module"
,但实际开发中仍有几个关键兼容性坑必须注意。 不支持旧版浏览器,且无降级自动 fallback IE 完全不支持;Android 4.4 WebView、iOS 10.3 以下 Safari 也不支持。重点是: 浏览器遇到
type="module"
会直接忽略该 script 标签,但不会尝试加载对应的传统脚本 。不能靠“写了 module 就自动兼容老版本”——必须手动提供 fallback: 用