动态导入失败需分层排查：先查network确认请求是否发出及状态码，再验response内容与content-type是否为application/javascript，接着核对路径解析（受base标签影响）、cors头、file://协议限制及模块上下文合法性。
动态加载 JavaScript 模块（如 import()）失败时，浏览器控制台通常只显示模糊的错误（如 “Failed to fetch” 或 “TypeError: Failed to fetch dynamically imported module”），但真正原因可能藏在网络、路径、CORS、MIME 类型或模块语法中。调试关键在于分层排查，而不是只看报错第一行。
检查网络请求是否发出且成功返回
打开浏览器开发者工具的 Network 标签页，筛选 JS 或 Fetch/XHR，触发动态导入操作（例如点击按钮调用 import('./foo.js')）：
- 确认对应 JS 文件请求是否出现在列表中；没出现说明 import 调用未执行，或路径被静态优化（如 Webpack 的
/* webpackIgnore: true */干扰） - 若请求存在但状态码非 200（如 404、403、500），说明服务端路径错误、权限不足或构建未产出该文件
- 点击该请求，查看 Response 标签：空白或 HTML 内容（如 404 页面）说明服务器返回了错误页面而非 JS 脚本
- 查看 Headers → Response Headers：确认
Content-Type是application/javascript或text/javascript；若为text/html或缺失，浏览器会拒绝执行（ES 模块强制 MIME 类型校验）
验证模块路径和基础 URL 是否正确
动态 import 的路径是相对于 当前 HTML 页面的 base URL（不是当前 JS 文件位置），这点常被忽略：
Java Maven Common
下载
Java Maven 项目审查工作流的通用输入处理。当 Java Maven 项目以 ZIP压缩包或 GitLab 仓库 URL 形式提供且需要...时使用。
- 如果 HTML 中设置了
<base href="/app/">，那么import('./utils.js')实际请求的是/app/utils.js - 使用绝对路径可避免歧义：
import('/static/js/features/chart.js') - 在控制台手动执行
new URL('./foo.js', import.meta.url)，可模拟解析结果，验证路径是否符合预期 - 注意：Node.js 风格的包名（如
import('lodash')）在浏览器中默认不支持，需通过构建工具或 CDN 显式配置别名
捕获并打印完整错误信息
动态 import 返回 Promise，必须用 catch 或 try/catch 捕获，否则错误静默失败：
- 错误对象本身包含有用字段：
err.message、err.stack，部分浏览器还提供err.cause（如网络中断时） - 推荐写法：
import('./feature.js')<br> .then(m => console.log('loaded', m))<br> .catch(err => {<br> console.error('Dynamic import failed:', err);<br> console.table({ message: err.message, stack: err.stack });<br> }); - 若错误是
TypeError: Illegal invocation，可能是你在非模块脚本（<script></script>无type="module"）中调用了import()—— 动态 import 只在模块上下文中合法
排除 CORS 和服务端配置问题
跨域加载模块时，浏览器对 import() 施加比普通 <script></script> 更严格的限制：
- 目标资源响应头必须包含
Access-Control-Allow-Origin: *（或匹配源），否则报 “CORS error” - 若使用
credentials: 'include'（如带 cookie），还需服务端返回Access-Control-Allow-Credentials: true，且Access-Control-Allow-Origin不能为* - 本地开发时，直接双击 HTML 打开（
file://协议）会触发 CORS 策略；务必用本地服务器（如npx serve、VS Code Live Server）启动 - 某些 CDN（如 unpkg、jsDelivr）支持模块加载，但需确认路径末尾带
.mjs或明确指定?module参数（如https://cdn.jsdelivr.net/npm/lodash-es@4.17.21/+esm）
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
