Angular: problemas com a página products e com o código

[Ester Denise]

Olá, eu estou fazendo o curso de Angular da Cod3r nessa semana e estou tendo dois problemas que ainda não consegui solucionar. O primeiro dele é com a página de products, eu conseguia executar ela normalmente, ela abria, mas o conteúdo em si da página não aparece; tudo o que aparece para mim é uma página em branco. 

O outro problema que estou tendo se diz respeito ao código que está dando erro, embora eu tenha seguido passo a passo da aula corretamente. Veja o código abaixo: 

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

@Directive({
  selector: '[myFor]'
})
export class ForDirective implements OnInit {

  @Input('myForEm') numbers!: number[];
  

  constructor(
    private container: ViewContainerRef,
    private template: TemplateRef<any>) {
    
  }

  ngOnInit(): void{
    for(let number of this.numbers){
      this.container.createEmbeddedView(this.template, { $implicit: number })
    }
    console.log(this.numbers)
  }
}

O problema se encontra justamente no constructor, especificamente em ViewContainerRef e TemplateRef, onde o código aponta erro. E a mensagem que aparece para mim é: Cannot find name 'TemplateRef' e Cannot find name 'ViewContainerRef'. Já tentei solucionar o erro de algumas formas, como: digitar  'TemplateRef' e  'ViewContainerRef' na primeira linha, dentro de imports, mas não deu muito certo.