2014-03-04 13 views
42

Ich versuche, ui.bootstrap Abhängigkeit zu meinem eckigen Projekt hinzufügen (ich benutze Yeoman, Bower). ich dies tat:Hinzufügen von ui.bootstrap Abhängigkeit mit Bower

  1. yo Winkel
  2. Bower installieren Winkel-ui
  3. ich hinzugefügt, um meine Datei index.html dann: und
  4. Grunzen dienen

Dann habe ich die ui.bootstrap Abhängigkeit zu meinem app.js:

angular.module('angularuiprojectApp', [ 
    'ngCookies', 
    'ngResource', 
    'ngSanitize', 
    'ngRoute', 'ui.bootstrap']) 

Wenn ich versuche, auf meine index.html auf Chrome zugreifen Ich bin diesen Fehler:

Uncaught Error: [$injector:modulerr] Failed to instantiate module angularuiprojectApp due to: Error: [$injector:modulerr] Failed to instantiate module ui.bootstrap due to: Error: [$injector:nomod] Module 'ui.bootstrap' is not available! You either ......1)

Ich weiß nicht, wo ich falsch bin, wenn mir jemand auf diese helfen kann ... Danke.

+0

Sind Sie sicher, dass Sie 'index.html' die richtige Datei hinzugefügt haben? Wurde es vielleicht durch schlecht konfigurierte "bower-install" ersetzt? Haben Sie irgendwelche '404' Fehler im Browser? – Mikke

Antwort

59

Sie installieren ein falsches Paket von Bower. Die richtige Installation ist bower install angular-bootstrap wie hier beschrieben: https://github.com/angular-ui/bootstrap#installation

bearbeiten:

Ab Februar 2015 eine Bower Version der Bibliothek vorhanden auf https://github.com/angular-ui/bootstrap-bower.

Leider enthält es derzeit nur AngularUI Bootstrap 0.12.0, das, soweit ich sagen kann, nicht vollständig kompatibel ist mit Angular> = 1.3. Es sieht so aus, als ob die Betreuer AngularUI Bootstrap> = 0.13.0 für kompatibel mit Angular 1.3, <> halten, aber diese Version der Bibliothek scheint noch nicht den Bower-kompatiblen Repo erreicht zu haben.
Kein Problem mehr, AngularUI Bootstrap 0.13.0 Version wird jetzt zur Verfügung gestellt und unterstützt.

+2

Mit install angular-bootstrap funktioniert auch nicht, ich musste bower.json manuell aktualisieren, um die Abhängigkeit hinzuzufügen. Danach hat es funktioniert. – user1260928

+6

das nächste Mal können Sie speichern, wie Sie mit -S oder --save – McMeep

+1

@ user1260928 was genau haben Sie? Ich treffe das gleiche Problem. – Sebastialonso

3

Installieren Sie die Bower-Version, die von der Winkelversion abhängt, die Ihr Projekt verwendet.

ich zuerst installiert;

bower install angular-ui-bootstrap-bower#0.13.4 

Dann habe ich unter

"angular-ui-bootstrap-bower": "0.13.4" 
+1

Sie können "bower installieren angular-ui-bootstrap-bower # 0.13.4 --save" <- fügen Sie die "--Save ". Das wird die Abhängigkeit zu Ihrer bower.json für Sie hinzufügen. – mvermand

3
bower install angular-ui-bootstrap --save 

Dies funktioniert auch auf bower.json.

Bitte beachten Sie diese answer, wenn Sie ein Problem mit der von Bower installierten Version haben. Es scheint einige Versionsprobleme mit ui-boostrap zu geben, die die Antwort geben

Verwandte Themen