Estou tendo do seguinte problema, alguem sabe como resolver?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Estou tendo do seguinte problema, alguem sabe como resolver?
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!