ES6模块使用教程详解

ES6模块是现代JavaScript开发的核心特性，但其在浏览器和Node.js中的使用规则截然不同：浏览器要求脚本标签必须声明type="module"，且import路径只能是相对、绝对或完整URL，禁用裸路径；Node.js则需通过.mjs扩展名或package.json中设置"type":"module"来启用，同样不支持裸包导入。理解default与named export的差异及正确导入方式至关重要，避免常见混淆；而动态import()作为返回Promise的函数，为按需加载、条件加载和代码分割提供了强大能力，但也带来路径解析、错误捕获和运行时限制等实际挑战——掌握这些细节，才能真正跨环境稳健落地ES模块化开发。

浏览器中直接用 import 会报 Failed to resolve module specifier 错误——因为 ES6 模块默认不支持裸路径，且必须在 type="module" 的脚本上下文中运行。

怎样让浏览器正确加载 ES6 模块

核心是两件事：声明模块类型、遵守模块解析规则。

• HTML 中的