Ich versuche, Jquery und Underscore mit Bower zu installieren

Question

Ich gehe derzeit durch ein Tutorial auf Pluralsite zum Erstellen einer Web App. Der Lehrer möchte, dass ich "Unterstrich" und "Jquery" mit "Bower" installiere. Ich habe bower hinzugefügt und die bower.json-Datei bearbeitet, um Unterstreichung und Jquery hinzuzufügen, aber beide konnten nicht installiert werden und ich bin mir nicht sicher warum.

Ich habe sie auch über nuget hinzugefügt und das funktioniert, aber ich bin mir nicht sicher, wie die nuget-Pakete in meiner index.html-Datei referenzieren. Alles, was ich gelesen habe, scheint darauf hinzuweisen, dass Bower die bessere Option ist, aber an diesem Punkt würde es mich glücklich machen, wenn es so oder so funktioniert.

Answer 1

Ohne jedes Detail in Ihrem Beitrag können Sie Folgendes überprüfen, aber das kann ein wenig abweichen. Aber es ist nicht klar, ob Sie tatsächlich einen Fehler sehen oder ob Sie die Dateien einfach nicht sehen können.

In Visual Studio 2015, wenn Sie öffnen Sie die .xproj Datei mit einem Texteditor sollten Sie die folgenden Einträge sehen:

<ItemGroup> 
    <DnxInvisibleContent Include="bower.json" /> 
    <DnxInvisibleContent Include=".bowerrc" /> 
</ItemGroup> 

Wenn Sie VS 2017 verwenden sind dann rechts Ihr Projekt Klicken und klicken Sie auf „Bearbeiten. csproj“und wenn Sie etwas ähnlich wie unten Ihre bower-Datei ist in der falschen Position für den Standard-Setup:

<ItemGroup> 
    <Content Include="wwwroot\.bowerrc" /> 
    <Content Include="wwwroot\bower.json" /> 
</ItemGroup> 

Ihre bower.json sollten wie folgt aussehen:

{ 
    "name": "asp.net", 
    "private": true, 
    "dependencies": { 
    "underscore": "~1.8.3" 
     ,"jQuery": "~3.2.1" 
    } 
} 

Wenn Sie die bower.json-Datei speichern, werden automatisch die Pakete abgerufen.

Es klingt für mich, als ob Sie das bereits wissen, und das tatsächliche Erhalten des Pakets scheitert. Kennen Sie das, weil eine Fehlermeldung vorliegt oder weil Sie die Dateien nicht sehen können? Wenn Sie die Dateien nicht sehen können, überprüfen Sie den wwwroot-Ordner auf einen lib-Ordner oder einen anderen wwwroot-Ordner und einen lib-Ordner darin.

Wenn Sie die Bower-Konfigurationsdatei an einer anderen Stelle als der Basis des Projekts hinzugefügt haben, befinden sich möglicherweise die Dateien in einem wwwroot-Ordner und der lib-Ordner in dem sich die Konfigurationsdatei befindet.

Um diese Datei in Ihrem HTML-Code zu verwenden, fügen Sie ein Skript-Tag hinzu oder suchen Sie die Datei im Projektmappen-Explorerfenster und ziehen Sie sie in Ihre HTML-Datei, wenn sie geöffnet ist. Visual Studio erstellt automatisch das korrekte Skript-Tag und den entsprechenden Speicherort Datei:

<script type="text/javascript" src="lib/jquery/dist/jquery.min.js></script> 

Wenn Sie jQuery aussehen in „NuGet Pakete verwalten“ Sie sollten es sehen, sagt „Inkompatible: Verwenden Sie Bower statt“. Aber das hindert Sie nicht daran, es mit NuGet zu bekommen und Sie können die Dateien in "$ (UserProfile) .nuget \ packages \" finden, was "C: \ Benutzer \ .nuget \ packages \ jquery \ 3.1.1 \" bedeuten sollte. Content \ Scripts \ jquery-3.1.1.min.js "müssen Sie in Ihre HTML-Seite einfügen, aber Browser neigen dazu, Links zum Dateisystem jetzt zu blockieren, sodass Sie wahrscheinlich besser mit:

<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>  

Das löst Ihr Problem nicht, da diese Datei vom Host entfernt werden könnte und dann Ihre Verbindung fehlschlagen würde. Daher ist es am besten, das Problem zu beheben, aber Sie müssen möglicherweise etwas mehr Details zu Ihrem Post hinzufügen eine klare Antwort, denke ich, aber das obige kann ein bisschen helfen.

Answer 2

Haben Sie Git für Windows installiert? Versuchen Sie installing Git und starten Sie Visual Studio neu.

Ich habe dieses Problem beim Update von VS2015 auf VS2017 festgestellt. Sie sollten einen Ordner namens 'lib' sehen, nachdem Sie underscore.js installiert haben.

Hoffe, das hilft!

Answer 3

Nicht sicher, ob Sie immer noch Probleme mit diesem haben, aber es sieht aus wie ein Fehler in Visual Studio 2017. Ich hatte das gleiche Problem im selben Tutorial.

Microsoft hat es seither mit der neuesten Version von Visual Studio 2017 (15.3) behoben.

Aktualisieren Sie auf die aktuelle Version und fügen Sie dann die Pakete erneut mit bower und es sollte ordnungsgemäß funktionieren.