[Dúvida] Não cadastra pensamentos

Estou acompanhando o passo a passo da Nay, já até apaguei o meu código escrito e copiei o da transcrição do vídeo, mas nada dos pensamentos que já estavam cadastrados aparecerem. Os novos pensamentos também não cadastram de jeito nenhum, não sei mais o que fazer para tentar solucionar.

Código pensamento.service.ts

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';
import { Pensamento } from './pensamento';

@Injectable({
  providedIn: 'root'
})
export class PensamentoService {

  private readonly API = "http://localhost:3000/pensamentos"
  constructor(private http: HttpClient) { }

  listar(): Observable<Pensamento[]>{
    return this.http.get<Pensamento[]>(this.API)
  }

  criar(pensamento: Pensamento): Observable<Pensamento> {
    return this.http.post<Pensamento>(this.API, pensamento)
  }
}

Código listar-pensamento.component.ts

import { Component, OnInit } from '@angular/core';
import { Pensamento } from '../pensamento';
import { PensamentoService } from '../pensamento.service';

@Component({
  selector: 'app-listar-pensamento',
  templateUrl: './listar-pensamento.component.html',
  styleUrls: ['./listar-pensamento.component.css']
})
export class ListarPensamentoComponent implements OnInit{

  listaPensamentos: Pensamento[] = [];

  constructor(private service: PensamentoService) { }

  ngOnInit(): void {
    this.service.listar().subscribe((listaPensamentos) => {
        this.listaPensamentos = listaPensamentos
    });
}
}

Código pensamento.ts

export interface Pensamento {
  id?: number
  conteudo: string
  autoria: string
  modelo: string
}

Código criar-pensamento.component.ts

import { Component } from '@angular/core';
import { Pensamento } from '../pensamento';
import { PensamentoService } from '../pensamento.service';
import { Router } from '@angular/router';

@Component({
  selector: 'app-criar-pensamento',
  templateUrl: './criar-pensamento.component.html',
  styleUrls: ['./criar-pensamento.component.css'],
})
export class CriarPensamentoComponent {
  pensamento: Pensamento = {
    conteudo: '',
    autoria: '',
    modelo: ''
  }

  constructor(private service: PensamentoService, private router: Router) { }

  ngOnInit(): void {

  };

  criarPensamento(){
    this.service.criar(this.pensamento).subscribe()
  }
}