Declare Schnittstelle in Typoskript .d.ts Datei verbrauchen und von JavaScript-Datei

Question

ich Visual Studio-Code bin mit und möchte Intellisense Hinweis haben, wenn meine Konfigurationsvariable als einfacher javascript

Objekt erklärt

jsconfig.json

{ 
    "compilerOptions": { 
     "checkJs": true 
    }, 
    "include": [ 
     "src/**/*.js", 
     "types/**/*.d.ts" 
    ], 
    "exclude": [ 
     "node_modules" 
    ] 
} 

Typen/index.d.ts

interface Foo { 
    a: string; 
    b: number; 
} 

declare var fooConfig: Foo; 

src/app.js

const fooConfig = { 
    a: 'hello', 
    b: 123 
} 

Ich erwarte, dass bei der Verwendung von const fooConfig VS-Code erklären könnte intellisense über a und b, das aktuelle Ergebnis bekam ich Beschwerde Nachricht bieten über neu deklarieren die Variable fooConfig

P. S. Ich weiß nicht wirklich die Möglichkeit, aber ich mag einige Intellisense haben, damit ich meine Konfigurationsvariable

Bitte führen Dank

Answer 1

Versuchen const fooConfig: Foo = {...} in Ihrer JS-Datei leicht erklären kann, nachdem die Schnittstelle zu importieren. Wie es aussieht, hat TS recht, du erklärst es zweimal.