visual studio code - Typescript - Importovanie modulov tretích strán - Automatické dopĺňanie mien vo VSCode

Pri práci s TypeScriptom vo Visual Studio Code nedostávam automatické dopĺňanie názvov modulov pri importovaní modulov tretích strán.

Napríklad v:

import { Router } from 'react-router-dom'

Musím napísať celý názov modulu ('react-router-dom'), zatiaľ čo v obyčajnom JS dostávam návrhy.

Je toto štandardné správanie TypeScriptu alebo je nejaká možnosť povoliť toto automatické dopĺňanie napríklad v tsconfig.json?

[UPRAVIŤ]

Toto je príklad môjho súboru node tsconfig.json

 {
  "compilerOptions": {
    "target": "ES2020" ,
    "module": "commonjs",
    "sourceMap": true ,
    "outDir": "./dist" ,
    "strict": true ,
    "moduleResolution": "node",
    "esModuleInterop": true,
    "experimentalDecorators": true,
    "forceConsistentCasingInFileNames": true ,
  },
  "include": ["src/**/*"]
}

Na zdravie

Odpoveď č. 1

Našiel som riešenie. V mojich nastaveniach VSCode mám odškrtnuté:

TypeScript > Suggest: Paths

Neviem prečo, nikdy som nemenil žiadne nastavenia TS vo svojom editore vscode. Problém vyriešený.

[UPRAVIŤ] Path Intellisense nastavuje túto možnosť na false pri inštalácii. V mojom prípade všetko funguje pekne, len keď sa vrátim k predvolenému TypeScript > Návrhy > Cesty: true.

Odpoveď č. 2

Zadajte svoje slovo „Router“ vo vašom kóde a umiestnite kurzor na koniec slova a stlačte Ctrl + medzera pre automatické doplnenie. Automatické dopĺňanie automaticky zahrnie aj potrebné importy pre vás, dokonca aj pre knižnice tretích strán vo VSCode.