Entrar Ainda não tem acesso?
1
resposta

Warning em vermelho no script do componente

Referente ao curso Vue 3: entendendo componentes, diretivas e reatividade no framework, no capítulo Passando informações com props e atividade Projeto da aula anterior

por Carlos Humberto Brasileiro Toscano
| 169.6k xp | 15 posts
Analista desenvolvedor junior 
<script lang="ts">
import { obterCategorias } from '@/http/index';
import type ICategoria from '@/interfaces/ICategoria';

Apesar de compilar o projeto, porém, @/http/index e ICategoria com uma expectativa de "=" e sublinhados de vermelho, incomoda, procurei na documentação, mais não encontrei nada, já fiz configuração no tsconfig.app.json no include com "src/**/*.ts" mais não resolve, podem me ajudar a resolver isso?

1 resposta
por Mike de Sousa
| 1491.5k xp | 2717 posts
Alura Scuba Team Suporte Educacional

Olá, Carlos, como vai?

Esse tipo de sublinhado costuma estar relacionado à configuração do seu ambiente de desenvolvimento e não necessariamente ao projeto em si. Às vezes, o TypeScript ou o próprio IntelliSense podem estar com dificuldades de localizar corretamente os caminhos com os aliases, como o @.

Para que eu possa te ajudar de forma mais precisa, você pode me enviar mais alguns detalhes? Por exemplo:

  • Uma captura de tela do erro
  • A mensagem exata que aparece quando você passa o mouse por cima do trecho sublinhado
  • E, se possível, o conteúdo atual do seu tsconfig.json ou tsconfig.app.json, principalmente os campos baseUrl e paths

Essas informações vão ajudar bastante a entender o que está gerando esse aviso.

Qualquer coisa, seguimos por aqui no fórum.

Fico no aguardo e a disposição