VSCode не распознает переменные в шаблонах

Question

Я слежу за курсом Линды под названием Learning AngularJS 2 и выполнил задания, чтобы приложение заработало.Он прекрасно компилируется и работает как задумано в браузере.Однако Код Visual Studio выдает предупреждения о проблемах во всех файлах-шаблонах:

Идентификатор 'artist' не определен.Объявление компонента, объявления переменных шаблона и ссылки на элементы не содержат такого члена

artist-details.component.html :

<div class="container mt-3">
    <div class="row justify-content-center">
  <div class="col-sm-4 col-lg-3">
    <img class="img-fluid rounded" src="assets/images/{{artist.shortname}}.jpg" alt="{{artist.name}} photo">
  </div>
  <div class="col-sm-8 col-lg-4">
    <h2 class="mt-3 mt-sm-0 mb-0">{{artist.name}}</h2>
    <h4 class="mt-0">{{artist.reknown}}</h4>
    <p>{{artist.bio}}</p>
  </div>
</div>

artist-details.component.ts :

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-artist-details',
  templateUrl: './artist-details.component.html',
  inputs: ['artist']
})
export class ArtistDetailsComponent implements OnInit {
  constructor() { }
  ngOnInit() {
  }    
}

Я установил расширение Angular Essentials .

Answer 1

Ну, я узнал, и это похоже на ошибку кода Visual Studio.Запись artist['name'] вместо artist.name устраняет предупреждение.