7-я угловая проблема с компонентом для отображения изображения в формате HTML. Почему изображение не отображается?

Question

Я играю в игру click cat, и когда я помещаю путь к изображению кошки в шаблон компонента с помощью img, изображение не отображается при запуске страницы.

Я попытался использовать img как свойство с помощью [img] = "path", а также ввести путь непосредственно к элементу img

Шаблон:

<div>{{catName1}}</div>
<div>
    <img src="./image/cat.jpg" (click)="clickUp()">
</div>
<div>{{catClick1}}</div>
</div>

Машинопись

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

@Component({
 selector: 'app-root',
 templateUrl: './app.component.html',
 styleUrls: ['./app.component.css']
})
export class AppComponent {

  catName1 = 'Misho';
  catImg1 = 'image/cat.jpg';
  catClick1 = 0;

  clickUp(){
    this.catClick1 += 1;
  }

} 

Как это показывает

Папка с изображением