2
respostas

[Dúvida] Erro na importação do Json

Estou tendo do seguinte problema, alguem sabe como resolver?

Erro no this.categorias

2 respostas

Esse erro acontece porque o TypeScript não consegue inferir o tipo correto para a propriedade categorias. Ele está assumindo o tipo never[], que significa que o array não pode conter nenhum tipo de valor.

1 - Defina o tipo explicitamente:

→ No objeto retornado pelo data(), declare o tipo da propriedade categorias corretamente:

<script lang="ts">
import { obterCategorias } from '@/http/index';

export default {
  data() {
    return {
      categorias: [] as { nome: string; ingredientes: string[]; rotulo: string }[]
    };
  },
  async mounted() {
    this.categorias = await obterCategorias();
  }
};
</script>

**2 - Tipar a resposta da API (opcional, mas recomendado): **

→ Se obterCategorias() já retorna um array tipado, crie uma interface para melhorar a tipagem:

interface Categoria {
  nome: string;
  ingredientes: string[];
  rotulo: string;
}

3 - E no data():

categorias: [] as Categoria[]

3 - Confirme que obterCategorias() retorna o tipo esperado:

→ Certifique-se que a função obterCategorias() realmente retorna o tipo correto, ou ajuste a tipagem dela.

Espero tê-lo ajudado, bons estudos!

Vlw! Acabei resolvendo de outra forma mas obrigado!