Wie installiere und laufe ich Typskript jquery/bootstrap Definitionsdatei lokal mit npm typings?

Question

Was ich versuche zu tun, Typescript Jquery und Bootrapp Definitionsdatei in meinem neuen Projekt mit npm Typings zu installieren.

Unten sind die Schritte, denen ich folgte.

1- Öffnen Sie cmd und gehen Sie zu meinem aktuellen Projektordner und geben Sie folgende Befehle ein.

npm installieren Typisierungen --global

Typisierungen init

Typisierungen installieren dt ~ jquery --global --save

Typisierungen dt ~ installieren Bootstrap --global --save

2- unten ist meine tsconfig Dateikonfiguration { "compilerOptions": { "target": "es5", "module": "commonjs", "sourceMap": true, "rootDir": "./TS", "outDir": "./JS", "watch": true } }

Hinweis: Ich habe separate Ordner für T erstellt S-Datei und JS-Datei. Wenn also Typoskript transpiliert wird, erstellt es eine Javascript-Datei im JS-Verzeichnis.

3- document.ready Funktion in TS-Datei hinzufügen und alert schreiben, wenn Laden der Seite

4- Erstellen und Ausführen Datei index.html

Anmerkung: Ich transpile Javascript in Kopfteil hinzuzufügen, so dass keine Notwendigkeit besteht, erwähne hier irgendeinen Code.

Fehler: Im Browser Konsolenfenster seine zeigt mir unter Fehler:

myscript.ts: 2 Uncaught Reference: ist $ nicht definiert

Hier ist meine repository.

Bitte helfen Sie mir hier. Was ich falsch mache, um jquery in meinem Projekt zu installieren.

Answer 1

Soweit ich von Ihrem rep sehen kann - Sie haben vergessen, den tatsächlichen Bootstrap und jquery in Ihrer Seite zu laden. Die Typoskript-Definitionen bieten nur Compiletime-Informationen für den Typescript-Transpiler über den Inhalt von diesen Bibliotheken. Die Bibliotheken selbst müssen in Ihrem index.html geladen werden. Sie können es auf zwei Arten tun:

1. Fügen Sie eine Links zu den Bootstrap und Jquery wie in ihren Anleitungen beschrieben. Dies ist einfach, aber nicht der bevorzugte Weg, um in der modernen Welt der modulbasierten clientseitigen Anwendungen zu gehen.
2. Verwenden Sie Modullader (wie SystemJS). Dies erfordert jedoch einige Konfiguration. Beginnen Sie mit ihrem docs Lesen, Beispielconfig Sie here

Hoffnung finden kann dieser Ihnen helfen, um loszulegen.