TypeScript AMD模块继承失效，RequireJS加载报错求助

你遇到的这个错误核心原因很明确：子类模块执行继承逻辑的时候，基类ModuleBase还没被RequireJS加载完成，处于undefined状态，导致extendStatics函数里调用Object.setPrototypeOf时传入了非法参数，触发了类型错误。

下面是针对这个问题的具体排查和解决步骤：

1. 确保子类模块正确导入并声明基类依赖 #

首先检查你的AdminModule文件是否正确导入了ModuleBase，TypeScript需要明确的导入语句来告诉编译器生成正确的AMD依赖：

// 请替换成实际的ModuleBase文件路径
import { ModuleBase } from './ModuleBase';

export class AdminModule extends ModuleBase {
    constructor(moduleData: IModuleData) {
        super(moduleData);
    }
}

编译后的AMD代码应该会把ModuleBase作为第一个非内置依赖项，确保RequireJS先加载基类再执行子类的继承逻辑。

2. 检查RequireJS的路径配置 #

如果你的模块文件不在默认查找路径下，需要在RequireJS的配置中指定paths，确保模块ID能映射到正确的文件位置：

require.config({
    baseUrl: 'App', // 你的根模块目录
    paths: {
        // 映射模块ID到实际文件（不需要加.js后缀）
        'ModuleBase': 'Modules/ModuleBase',
        'AdminModule': 'Modules/AdminModule'
    }
});

如果路径配置错误，RequireJS会找不到基类模块，自然会导致基类为undefined。

3. 验证编译后的AMD模块输出 #

手动查看编译后的AdminModule.js文件，确认其依赖数组中包含ModuleBase的引用，正常的输出应该类似这样：

define(["require", "exports", "./ModuleBase"], function (require, exports, ModuleBase_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    var AdminModule = /** @class */ (function (_super) {
        __extends(AdminModule, _super);
        function AdminModule(moduleData) {
            return _super.call(this, moduleData) || this;
        }
        return AdminModule;
    }(ModuleBase_1.ModuleBase));
    exports.AdminModule = AdminModule;
});

如果这里的依赖数组里没有./ModuleBase，说明TypeScript没有正确识别你的导入，需要检查tsconfig.json的module配置是否确实是amd，或者导入语句是否存在拼写错误。

4. 避免模块顶级作用域提前引用基类静态成员 #

如果你的子类在模块顶级作用域（类外部）直接引用了基类的静态属性或方法，即使依赖声明正确，也可能在基类加载完成前执行，导致错误。比如要避免这样的写法：

// 错误示例：顶级作用域直接引用基类静态成员
import { ModuleBase } from './ModuleBase';
const baseStaticValue = ModuleBase.staticValue; // 基类未加载时会报错

export class AdminModule extends ModuleBase {
    // ...
}

建议把这类引用放在类的方法或构造函数内部，确保在基类加载完成后才执行。

总的来说，这个问题就是模块加载顺序的问题——子类的继承逻辑跑在了基类加载完成之前。只要确保RequireJS能正确解析依赖并按顺序加载模块，这个错误就能解决。

内容的提问来源于stack exchange，提问作者mrsubwoof