动态导入报错核心不在语法，而在路径、环境或模块结构；需分层验证：先查network确认请求是否发出及状态，再验路径是否带扩展名且规范，最后确认模块为esm导出、环境兼容，并务必用try/catch或catch捕获错误。
动态导入（import()）报错，核心问题通常不在语法本身，而在于路径、环境或模块结构。快速定位的关键是分层验证：先看网络是否发出请求，再看路径是否解析正确，最后确认模块导出是否匹配。
看 Network 面板确认是否发出了请求
打开浏览器开发者工具 → Network 标签页 → 刷新页面或触发导入逻辑 → 筛选 XHR 或 JS 类型 → 找到对应模块名的请求：
- 如果没看到请求：说明
import()根本没执行，检查调用时机、条件判断或语法错误（比如import写成了improt） - 如果请求状态是 404：路径错误，跳到下一步排查
- 如果请求状态是 403/500：服务端权限或运行时错误，和前端导入逻辑无关
- 如果请求成功但控制台仍报错：可能是模块内部抛错，或导出/导入方式不匹配
查路径写法是否符合规范
动态导入的路径不是普通 URL，而是模块解析路径，必须明确相对或绝对：
Wjs Uploading Video
下载
将一个或多个视频上传至YouTube。当用户想“上传到YouTube”“发YouTube”“批量上传”“upload to YouTube”“post videos to YouTube”或发布到YouTube时使用此技能。
- ✅ 正确写法必须带扩展名：
import('./utils.js')、import('../lib/helpers.mjs') - ❌ 错误写法（浏览器环境不支持）：
import('./utils')、import('lodash')（除非已配置别名） - 相对路径以
./或../开头，否则会被当作 npm 包名处理 - 使用 VS Code 时，按住 Ctrl（或 Cmd）点击路径可跳转，跳转失败基本就是路径错
验模块导出与环境兼容性
即使文件存在、路径正确，模块本身也可能导致失败：
- 被导入的文件必须有
export（ESM 格式），不能只有module.exports（CommonJS）—— 浏览器原生不支持 CommonJS - Node.js 环境下，若用 CommonJS 主文件（
.cjs或type: "commonjs"），动态import()ESM 模块需 Node.js ≥ 13.2.0；旧版本会直接报Not supported - TypeScript 项目中，
import('./xxx')报Cannot find module，大概率是路径没加./前缀，TS 无法识别为相对模块 - Next.js 中要用
next/dynamic，而不是裸import()，否则 SSR 会出错
加简单错误捕获，避免静默失败
动态导入返回 Promise，不加 catch 就算失败也不会在控制台明显提示：
import('./feature.js')
.then(module => module.init())
.catch(err => {
console.error('动态模块加载失败:', err);
// 可在此降级：显示提示、加载备用逻辑、上报监控
});
用 async/await 时同理，务必包在 try/catch 中。
