Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Erro de compilação

Olá tudo bem? Estou pegando esses erros e não consegui resolve-los. Poderia por fv me auxiliar?

livrosEncontrados$ = this.campoBusca.valueChanges
    .pipe(
      debounceTime(PAUSA),
      filter((valorDigitado) => valorDigitado.length >= 3),
      tap(() => console.log('Fluxo inicial')),
      distinctUntilChanged(),
      switchMap((valorDigitado) => this.service.buscar(valorDigitado)),
      map(resultado => this.livrosResultado = resultado),
      tap((retornoAPI) => console.log(retornoAPI)),
      map(resultado => resultado.items ?? []),
      map((items) => this.livrosResultadoParaLivros(items)),
      catchError((erro) => {
        // this.mensagemErro ='Ops, ocorreu um erro. Recarregue a aplicação!'
        // return EMPTY
        console.log(erro)
        return throwError(() => new Error(this.mensagemErro ='Ops, ocorreu um erro. Recarregue a aplicação!'))
      })
    )![]()

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

2 respostas
solução!

Resolvido. Alteração no livro.service

 private readonly API = 'https://www.googleapis.com/books/v1/volumes'
  constructor(private http: HttpClient) { }

  buscar(valorDigitado: string): Observable<LivrosResultado>{
    const params = new HttpParams().append('q', valorDigitado);
    return this.http.get<LivrosResultado>(this.API, { params })
    // .pipe(map(resultado => resultado.items))
  }

Opa Antonio, tudo certo?

Que bom que conseguiu resolver o problema! Fico feliz em saber que resolveu e que decidiu compartilhar a solução com o fórum, dessa forma estará ajudando outros estudantes que se depararem com a mesma situação!

Fico à disposição.

Tenha um bom dia e bons estudos.