javascript-TypeError:对象原型只能是Object或为null:未定义

在下面的示例中,如果我导入Entity,则会收到帖子的主题错误(TypeError:对象原型可能只是一个Object或null:未定义),但是如果我将导入替换为实际的Entity声明,则代码运行良好.

Stackblitz demo here.

当我使用ts-node运行代码时,这是出现错误的形式的Customer.ts:

索引

export { Customer } from "./Customer";
export { Entity } from "./Entity";

客户

import { Entity } from "./index";

export class Customer extends Entity {
  sku: string;
  constructor(po: any) {
    super();
    this.sku = po.sku;
  }
}

实体

export abstract class Entity {
  id?: string;
}    

Run.ts(测试代码)

import {Customer} from "./";

let c = new Customer({
  name: "Bob"
});
console.log(c);

如果我将实体导入替换为这样的声明:

export abstract class Entity {
  id?: string;
}    

export class Customer extends Entity {
  sku: string;
  constructor(po: any) {
    super();
    this.sku = po.sku;
  }
}

然后Run.ts记录以下内容:

Customer { sku: undefined }

换句话说,它运行良好并且不会产生任何错误.有什么想法吗?

解决方法:

我怀疑您的原始程序具有循环导入. Run.ts导入index.ts,后者导入Customer.ts,再次导入index.ts.因为index.ts已经在加载过程中,并且它本身依赖于Customer.ts,所以从“ ./index”导入{实体};只需将index.ts的Entity(尚未设置)绑定到Customer.ts的Entity,即使index.ts尚未完成加载,执行仍会继续.然后,在您尝试扩展实体时,它是未定义的.您可能会认为循环导入应该是错误的,或者JavaScript引擎应该使用其他可以正确处理您的情况的算法;我没有资格评论为什么选择当前设计. (其他人可以随意添加有关此信息.)

如您所见,将Customer.ts更改为直接从./Entity而不是./index导入会破坏周期,并且一切都会按预期进行.另一个解决方案是反转index.ts中的导入顺序.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐