WebStorm ne reconnaît pas les chemins tsconfig

Question

Nous avons un problème où WebStorm se plaint de certains chemins nommés. Tout se compile correctement avec webpack cependant.

Voici notre structure de fichiers :

apps
  app1
    tsconfig.e2e.json
    src
      tests
        testsuite1
          file.po.ts
libs
  lib1
    src
      index.ts
      libs

Notre index.ts pour la lib :

export * from './lib';

Les chemins dans notre tsconfig.e2e.json :

{
  "compilerOptions": {
    ...
    "paths": {
      "@a/lib1": ["../../libs/lib1/src"],
    }
  }
}

Notre import est marqué comme introuvable dans WebStorm dans file.po.ts

import { Mo } from '@a/lib1';

Nous avons activé le service de langage TypeScript dans WebStorm et certains autres imports similaires fonctionnent. Nous sommes novices en TypeScript et WebStorm donc peut-être que nous avons oublié quelque chose.

Answer 1

Vous devez redémarrer après avoir ajouté un nouveau chemin

J'ai rencontré le même problème; après avoir ajouté un nouveau chemin dans le fichier tsconfig.json, j'ai dû redémarrer mon Intellij IDEA pour qu'il reconnaisse le chemin dans les déclarations d'importation.

"paths": {
  "@alias/*": ["folder/*"],
},

Après le redémarrage, le soulignement du chemin avec une ligne rouge a disparu :

import { SomeFeatureModule } from '@alias/some-feature/some-feature.module';

---

Vérifiez si le chemin est relatif à la valeur de baseUrl

Si cela ne résout pas le problème, faites un clic droit sur l'alias réel pour voir s'il est reconnu; en cliquant dessus, vous devriez être renvoyé au fichier tsconfig.json où l'alias de chemin est déclaré. Vérifiez également si le chemin réel prend correctement en compte la propriété baseUrl configurée dans les compilerOptions. Le chemin doit être relatif à cette base d'URL.

Par exemple :

"baseUrl": "src",

Cela signifie que pour l'exemple ci-dessus, le dossier existant devrait en réalité être :

src/folder/*