Error - Property 'id' does not exist on type 'PersonListDto' #7093

adudley created 5 years ago

Hello, I am currently attempting to complete the PhoneBook tutorial (Core + Angular) using the single project on VS 2017. I’m hitting a problem at the point where I have to delete a Person and the problem seems to be that the client and server are not in sync.

I have gone through my code twice and even compared it to the github demo. Everything is the same but I receive the error:

TS2339 (TS) Property 'id' does not exist on type 'PersonListDto'.

Which is occurring at phonebook.component.ts:

deletePerson(person: PersonListDto): void {
        this.message.confirm(
            this.l('AreYouSureToDeleteThePerson', person.name),
            isConfirmed => {
                if (isConfirmed) {
                    this._personService.deletePerson(person.id).subscribe(() => {
                        this.notify.info(this.l('SuccessfullyDeleted'));
                        _.remove(this.people, person);
                    });
                }
            }
        );
    }

If I look at service-proxies.ts, PersonListDto does not contain an ‘id’ attribute. It looks like this:

export class PersonListDto implements IPersonListDto {
    name!: string | undefined;
    surname!: string | undefined;
    emailAddress!: string | undefined;

    constructor(data?: IPersonListDto) {
        if (data) {
            for (var property in data) {
                if (data.hasOwnProperty(property))
                    (<any>this)[property] = (<any>data)[property];
            }
        }
    }

    init(data?: any) {
        if (data) {
            this.name = data["name"];
            this.surname = data["surname"];
            this.emailAddress = data["emailAddress"];
        }
    }

    static fromJS(data: any): PersonListDto {
        data = typeof data === 'object' ? data : {};
        let result = new PersonListDto();
        result.init(data);
        return result;
    }

    toJSON(data?: any) {
        data = typeof data === 'object' ? data : {};
        data["name"] = this.name;
        data["surname"] = this.surname;
        data["emailAddress"] = this.emailAddress;
        return data; 
    }
}

I ran refresh.bat successfully after restarting the server side project as the demo explains and deleting the person on the client side works just fine. Is the refresh.bat file not updating correctly?

Error - Property 'id' does not exist on type 'PersonListDto' #7093

2 Answer(s)