Wie ui.router in AngularJS Projekt?

Ich bekomme immer diese Fehlermeldung:

`Fehler: [$Injektor:nomod] Modul 'ui.router' ist nicht verfügbar! Sie entweder falsch geschrieben den Namen des Moduls oder vergessen es zu laden.

Aber ich bin mir ziemlich sicher ich habe alles richtig konfiguriert

Das Projekt wurde erstellt mit Yeoman und Verwendungen, von Bower für die Verwaltung von Abhängigkeiten, mit Grunzen zu bauen ist alles.

Den yeoman-Winkel-generator erstellt, den vorformulierten Text mit der grundlegenden ngRouter, also ich installiert die Benutzeroberfläche.router mit

bower install angular-ui-router --save

Eckige Version

1.2.16

Bower Datei

Die obige Zeile aktualisiert die Laube.json-Datei mit dieser Zeile in der Liste Abhängigkeiten:

"angular-ui-router": "~0.2.10"

app-Modul einrichten

Ich aktualisiert die app.js - Datei mit, indem die Abhängigkeit von ui.route (neben diversen anderen Abhängigkeiten)
eckig.module('app', ['ngRoute', ... 'ui.router'])

index.html

<!-- build:js(.) scripts/vendor.js -->
<!-- bower:js -->
...
<script src="bower_components/angular-ui-router/release/angular-ui-router.js"></script>
<!-- endbower -->
<!-- endbuild -->

Habe ich die Datei im oben genannten Verzeichnis, ich bin positiv es gibt (habe ich kopiert und eingefügt, den Pfad um Tippfehler zu vermeiden). Ich habe auch versucht, die minified-version mit keinen Unterschied.

BEARBEITEN

Ich bin sehr, sehr neu, um all dies (Winkel, bower, yeoman, etc.), So kann ich Sie sehr gut, dabei werden alle falsch, so könnte es sein, dass ich mich nicht mehr brauchen, um die ui.router Abhängigkeit? Ich meine, es wurde integriert, um die core eckige Rahmen irgendwie? Ui.router veraltet?

Ich würde davon ausgehen, dass die Reihenfolge der includes ist aus. Vielleicht ist dein script-tag für ui-router kommt nach Sie haben das Skript, das hat Ihr angular.module nennen. Es ist ein minimal-Beispiel des setup-verfügbar auf angular-ui.github.io/ui-router/site/#/api/ui.router
NÖ, ich habe das ui-router - Referenz, bevor mein Haupt app.js (enthält die anugular.module Zeug)
Ist angular-ui-router.js richtig geladen? Alles in die devtools?
Sein sollte. Nur um sicherzugehen, ich habe versucht, laden Sie das Skript direkt von der folgenden URL und noch immer den gleichen Fehler: <script src="http://angular-ui.github.io/ui-router/release/angular-ui-router.js"></script>

InformationsquelleAutor Cabbagesocks | 2014-06-23

Ich bin dumm. Fand die Antwort von dieser link. Beim laufen grunt auf der cmd-line, es ist so konfiguriert, um nicht nur aufbauen und auf Fehler überprüfen, aber führen Sie tests sowie (mit karma, das verstehe ich nicht, noch nicht).

Also was ändern musste war der karma-config-Datei:

<project root>/test/karma.conf.js

Unten, die eingedrückte Linie war, was ich brauchte, um hinzuzufügen:

//list of files /patterns to load in the browser
    files: [
      'bower_components/angular/angular.js',
      'bower_components/angular-mocks/angular-mocks.js',
      'bower_components/angular-animate/angular-animate.js',
      'bower_components/angular-cookies/angular-cookies.js',
      'bower_components/angular-resource/angular-resource.js',
      'bower_components/angular-route/angular-route.js',
      'bower_components/angular-sanitize/angular-sanitize.js',
      'bower_components/angular-touch/angular-touch.js',
         'bower_components/angular-ui-router/release/angular-ui-router.js',
      'app/scripts/**/*.js',
      'test/mock/**/*.js',
      'test/spec/**/*.js'
    ],

InformationsquelleAutor Cabbagesocks

0

Gehen Sie durch mit diesem link erhalten Sie die komplette Struktur für die Arbeit mit angular.js mit dem ui-router

Github-Repository

InformationsquelleAutor Soni Pandey

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.