Estoy comenzando con Angular y me encuentro con un error.

.../mocks.ts(9,4): Escriba '{"id": número; "nombre": cadena; "descripción": cadena; "inStock": número; "precio": número; "feu..." no se puede asignar al tipo "CarPart[]. El objeto literal solo puede especificar propiedades conocidas, y '"featured"' no existe en el tipo "CarPart".

Mi código:

coche-parte.ts

 export class CarPart { id: number; name: string; description: string; inStock: number; price: number; featured: boolean; }

maqueta.ts

 import { CarPart } from './car-part'; export const CARPARTS: CarPart[] = [{ "id": 1, "name": "Super Tires", "description": "These tires are the very best", "inStock": 5, "price": 299.99, "featured": false //Line 9 }, { "id": 2, "name": "Reinforced Shocks", "description": "Shocks made of kryptonite", "inStock": 4, "price": 500.50, "featured": false }, { "id": 3, "name": "Padded Seats", "description": "Super soft seats for a smooth ride", "inStock": 0, "price": 333.33, "featured": true }];

auto-partes.componente.ts

 import { Component, OnInit } from '@angular/core'; import { CarPart } from './car-part'; import { CARPARTS } from './mock'; @Component({ selector: 'car-parts', templateUrl: './car-parts.component.html', styleUrls: ['./car-parts.component.css'] }) export class CarPartsComponent implements OnInit { constructor() { } carParts: CarPart[]; totalCarParts(){ let sum = 0; for(let carPart of this.carParts){ sum += carPart.inStock; } return sum; } ngOnInit() { this.carParts = CARPARTS; } }

cuando elimino "destacado" tanto de mock.ts como de car-part.ts está bien, no hay error. Si lo agrego o cualquier otro nombre o tipo, no funcionará... ¿Alguien puede explicar esto?