HTML中使用script type="module"可原生加载ES模块，无需构建工具。通过该属性，浏览器会以模块方式解析并执行脚本，支持import/export语法。需确保文件路径正确，并在服务器上启用正确的MIME类型（如application/javascript）。此方法适用于现代浏览器，可简化模块化开发流程。

HTML 中的 `type="module"` 是浏览器的“环境切换器”，一旦启用，整个脚本加载、解析与执行逻辑立即遵循严格的 ES 模块规范：必须显式书写带扩展名和相对/绝对前缀的 import 路径，模块默认按依赖图顺序执行且作用域完全隔离，动态导入 `import()` 仅在模块上下文中有效，本地 `file://` 协议下会静默失败——真正可靠的开发方式是启动轻量 HTTP 服务并确保正确 MIME 类型与 CORS 头。这不仅是语法支持，更是一套无需构建工具即可落地的现代前端模块化实践。

type="module 不是开关，是环境切换器——加了它，浏览器就扔掉传统脚本那一套，整套加载、解析、执行逻辑全换。

为什么写了 import 还报 “Cannot use import statement outside a module”

这不是语法错，是上下文错：

• 写了 import 却放在没加 type="module" 的