¿Cómo hacer lint al tipo de archivo correcto para importar en WebStorm?
Después de instalar WebStorm y abrir un proyecto existente de Vue/TypeScript con él, noté que algunas importaciones de archivos no se importaron y se lintaron correctamente en el IDE (pero sí lo hacen a través de ESLint/webpack).
Utilizo Vue 2.x con la API de composición y componentes de archivo único.
Bajo importo mis archivos con extensiones de archivo explícitas, excepto para los archivos
.ts
, que puedo importar sin escribir la extensión del archivo.
En este proyecto, hay un caso recurrente de un archivo .vue
y un archivo .ts
que comparten el mismo nombre en la misma carpeta, en este ejemplo App.vue
y App.ts
.
Cuando en App.vue
importo App.ts
de la siguiente manera:
<script lang="ts">
import { someFunction } from './App';
<p>// export defineComponent({
// ...
el IDE muestra el miembro exportado en rojo con un mensaje emergente que dice Elemento no exportado
.
La ruta de acceso no se puede resolver y no puedo saltar a ella usando Comando + Clic o ver los tipos de los miembros exportados.
Vuelve a funcionar después de agregar la extensión .ts
, pero luego ESLint/webpack se queja. El proyecto funciona bien hasta ahora, es solo WebStorm el que parece tener problemas para resolver la ruta.
Probé diferentes configuraciones en "Estilo de código | TypeScript" y busqué en Google durante un par de horas, pero no pude resolverlo/encontrar nada.
Es mi primer día probando WebStorm y hasta ahora me gusta, pero no puedo superar este problema.
Cualquier ayuda es muy apreciada.
davy.ai
Problema con la resolución de las importaciones de archivos en el proyecto de Vue/TypeScript en WebStorm
Después de instalar WebStorm y abrir un proyecto existente de Vue/TypeScript, algunas importaciones de archivos no se importaron y lintearon correctamente por el IDE, a pesar de que funcionaban mediante ESLint/webpack.
El proyecto utiliza Vue 2.x con API de composición y componentes de un solo archivo. Bajo `