I run into a strange behavior in my angular app today.

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

The error occured at the following line of code

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

So basically i subscribe to an observable and map the data from the observable to an global var. My angular App works as intended, so this error seems to have no effect on the app itself, but I still can't figure out whats wrong here. Below is the console log of data:

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

I run into a strange behavior in my angular app today.

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

The error occured at the following line of code

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

So basically i subscribe to an observable and map the data from the observable to an global var. My angular App works as intended, so this error seems to have no effect on the app itself, but I still can't figure out whats wrong here. Below is the console log of data:

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

• javascript
• angular
• typescript
• observable

• what if you use data['XXX'] instead ? type {} does not hold XXX attribute, that's why. – Florian Commented Jul 17, 2018 at 8:59
• Possible duplicate of Property '_body' does not exist on type 'Response' – koninos Commented Dec 14, 2018 at 13:06

2 Answers 2

Typescript plains that you do not have the property inside the data, you can either use any or create an inteface with that property,

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

You have instantiated data as just an object example : data = {}. As object doesn't have XXX property it gives this error. So solution will be data: {XXX: string, YYY: number ....} = {}

Else you can access XXX with data['XXX'] which is the easiest option