2017-05-25 1 views
1

Bereits im April, lief ich diese beiden Befehle:Dotnet neuer Winkel twitter Bootstrap Zusammenbruch Menü nicht funktioniert

Dotnet neuen --install Microsoft.AspNetCore.SpaTemplates :: *

Dotnet neuer Winkel

Ich habe ein Projekt erstellt, und alles hat gut funktioniert, einschließlich des Bootstrap-gesteuerten kollabierbaren Menüs. Wenn die Browser-Bildschirmbreite reduziert wurde, wurden die Menüelemente ausgeblendet und durch die Navigationsschaltfläche ersetzt, um ein mobiles Gerät zu simulieren. Wenn auf diese Schaltfläche geklickt wurde, wurden die Menüelemente wie erwartet in einem Dropdown angezeigt.

Gestern wollte ich ein neues Projekt starten, und so habe ich genau die gleichen zwei Befehle ausgeführt (ich habe den ersten ausgeführt, um sicher zu sein, dass ich die aktuellsten Vorlagen hatte). Das Projekt wurde erstellt, und zuerst sah alles gut aus. Sobald ich jedoch die Bildschirmbreite verengt habe, während die Navigationstaste gedrückt wurde, hat das Anklicken nichts getan. Ich habe versucht, ein Projekt mehrmals neu zu erstellen, aber das gleiche Problem geht weiter. Direkt aus der Box funktioniert es nicht.

Ich weiß nicht, wie Sie dieses Problem debuggen, oder was sich seit April geändert haben könnte.

Kann jemand helfen?

+0

ich das Kopieren nur versucht habe, und Einfügen im Beispiel auf Bootstraps Website und es funktioniert immer noch nicht. Ich denke, da könnte etwas fehlen. – chris31389

+0

Es sieht so aus, als ob alle erwarteten Ereignislistener nicht verbunden sind. – chris31389

Antwort

0

Die Antwort ist also das an der Spitze zu Ihrem app.component.ts hinzuzufügen:

import "jquery"; 
import "bootstrap"; 

ich die Antwort dieser github issue von bm-Software zur Verfügung gestellt gefunden

+0

Danke, Chris! Ich hatte am oberen Rand der _Layout.cshtml Seite Zuflucht zu jquery und Bootstrap-Referenzen hinzugefügt. Das hat funktioniert, aber ich wusste, dass das nicht der richtige Weg war. Ich akzeptiere deine Antwort. – JRS

+0

dies funktioniert zunächst, aber jetzt finde ich, dass, wenn ich hinzufügen: Import 'Bootstrap' zu app.component.ts, bekomme ich einen Server Build Fehler: Call to Node-Modul mit Fehler fehlgeschlagen: Prerendering fehlgeschlagen wegen Fehler: TypeError: Kann nicht Setzen Sie die Eigenschaft 'emulateTransitionEnd' von undefined. Irgendwelche Ideen? – JRS

+0

Bibliotheksversionen? Ich benutze jquery 3.2.1 und bootstrap 3.3.7. Bestellung von Importanweisungen? Ich setze sie direkt an der Spitze von app.component.ts Zeile 1 und 2. – chris31389

Verwandte Themen