类型“{}”上不存在属性“xxx”

Question

我今天在我的 Angular 应用程序中遇到了一个奇怪的行为。

ERROR in src/main(A,B): error TS2339: Property 'XXX' does not exist on type '{}'.

错误发生在以下代码行

xxx.subscribe(data => {
    this.var = data.XXX
});

所以基本上我订阅了一个 observable 并将数据从 observable 映射到一个全局变量。我的角度应用程序按预期工作，所以这个错误似乎对应用程序本身没有影响，但我仍然无法弄清楚这里有什么问题。下面是data的控制台日志：

console.log(data)
//{"XXX": "test"}

Answer 1

Typescript 抱怨您在数据中没有该属性，您可以使用任何属性或使用该属性创建接口，

xxx.subscribe((data:any) => {...}

Answer 2

您已经将数据实例化为一个对象示例：data = {}。 由于对象没有 XXX 属性，因此会出现此错误。 所以解决方案是data: {XXX: string, YYY: number ....} = {}

否则，您可以使用data['XXX'] 访问 XXX，这是最简单的选择