Búsqueda de sitios web

react native - ¿cómo eliminar el error de subrayado rojo en vscode? (typescript)

Estoy desarrollando una aplicación con React-Native y estoy usando vscode como editor de código. Cuando importo alguna imagen o paquete, aparecen estos errores subrayados en rojo y amarillo. ¿Cómo puedo solucionarlo?

Una cosa que no puedo entender es que solo "Fontawesome" no tiene ese error, pero tanto "MaterialCommunityIcons" como "Ionicons" tienen error subrayado en rojo. (Línea 4,5,6)

Cuando paso el ratón sobre la línea 1 subrayada en amarillo, me muestra lo siguiente.

ESLint está deshabilitado ya que su ejecución aún no ha sido aprobada ni denegada. Usa el menú de la bombilla para abrir el cuadro de diálogo de aprobación.

Cuando paso el ratón sobre la línea 5,6 subrayada en rojo, me muestra lo siguiente.

No se pudo encontrar un archivo de declaración para el módulo 'react-native-vector-icons/MaterialCommunityIcons'.

Desinstalé e instalé el paquete "react-native-vector-icons" varias veces, pero el mismo error. (Exactamente no es un error, creo que solo un error de tipo. El código funciona bien.) Instalé las siguientes extensiones.

Respuesta #1

Sería apropiado publicar preguntas separadas para estos, pero:

  1. Error en la línea uno (ESLint está desactivado):

Esto podría tener varias razones, pero dado el mensaje de error, por favor intenta el siguiente método en la paleta de comandos y permite el acceso de ESLint:

cmd + shift + p, busca 'ESLint: Administrar ejecución de la biblioteca'

De lo contrario, puedes revisar otras soluciones, por ejemplo aquí: ¿ESLint no funciona en VS Code?

  1. Error de declaración de tipo MaterialCommunityIcons faltante:

Quizás no hayas instalado los tipos correspondientes; hazlo ejecutando:

yarn install @types/react-native-vector-icons -D
  1. No se puede importar desde *.png error:

Por defecto, TypeScript no entiende los archivos *.png. Puedes solucionar esto añadiendo un archivo *.d.ts (por ejemplo, assets.d.ts) (por ejemplo, en una carpeta de nivel superior types), con el siguiente contenido:

declare module '*.png' {
  const value: any;
  export = value;
}

Asegúrate de que el archivo esté en una ruta que TypeScript pueda encontrar (debe estar listado en la propiedad compilerOptions.include en tu tsconfig.json).

Respuesta #2

manera fácil de deshacerse de ello: desactiva la extensión Eslint y recarga el vs code