动态加载异步组件时原型链“尚未就绪”本质是类定义未执行，非真正断裂；需先验证typeof Child是否为"undefined"、Child.prototype是否存在，确保import()完成后再实例化，避免提前访问原型。
动态加载异步组件时，原型链“尚未就绪”不是链真断了，而是组件类定义本身还没被解析执行——此时 class child extends parent 这行代码根本没运行，自然没有 child.prototype.__proto__ 指向 parent.prototype。问题核心在模块加载时序，不在继承机制。
确认是否真的缺原型链
先别急着修链，检查真实状态：
- 打印
typeof Child—— 若是"undefined"，说明模块根本没加载完，类都不存在 - 查
Child.prototype是否为undefined或null，而不是看instanceof - 用
import('./Child.js').then(m => console.log(m.Child))验证模块导出是否正确
确保类定义在模块执行后才可用
异步加载的模块必须完成全部执行（包括 class 声明、extends 解析、静态属性初始化），才能安全使用。不要在 import() 返回 Promise 后立刻 new 实例。
- 把实例化逻辑放在
import()的then回调或await之后 - 避免在模块顶层导出未初始化的类引用，例如：
export const Child = await import('./Child.js').then(m => m.Child)是危险的，应改用函数封装 - 若需提前暴露构造器，用工厂函数包装：
export async function createChild() { const m = await import('./Child.js'); return new m.Child(); }
避免在加载中强行访问原型
有些框架或工具会在模块加载中途尝试探测类结构（如 Vue 的 defineAsyncComponent 内部校验），这时访问 Child.prototype 会得到 undefined。
- 不主动读取
Child.prototype.constructor或Child.prototype.__proto__，除非确认模块已就绪 - 用
if (typeof Child === 'function' && Child.prototype)双重判断再操作 - 对动态组件统一加 loading 状态兜底，不依赖其原型链做运行时分支
构建与运行时协同保障
esbuild 等工具可能对动态 import() 做代码分割和预加载，但不会保证类声明执行顺序。需主动约束：
- 禁用 esbuild 的
--tree-shaking对含class的异步模块，防止内联优化打乱执行流 - 在入口模块中显式
await import('./Base.js')，确保父类优先加载完成 - 用
import.meta.webpackHot或import.meta.hot监听模块更新，避免热更时原型被意外覆盖
