Comment inclure de l'interface utilisateur.routeur dans AngularJS projet?

Je reçois cette erreur:

`Erreur: [$injecteur:nomod] Module d'interface utilisateur.routeur " n'est pas disponible! Vous pouvez soit mal orthographié le nom du module ou oublié de le charger.

Mais je suis assez sûr que j'ai tout configuré correctement

Le projet a été créé avec Yeoman et utilise de Verdure à gérer les dépendances, avec un Grognement de tout construire.

Le yeoman angulaire générateur de créer le standard à la base de la ngRouter, j'ai donc installé l'interface utilisateur.routeur avec

bower install angular-ui-router --save

Angulaire Version

1.2.16

Bower fichier

La ligne ci-dessus mise à jour de la charmille.fichier json avec cette ligne dans la liste de dépendances:

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

application Module configurer

J'ai mis à jour le app.js fichier en ajoutant la dépendance sur de l'interface utilisateur.itinéraire (en plus de divers autres dépendances)
angulaire.module('app', ['ngRoute', ... 'interface utilisateur.routeur'])

index.html

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

J'ai le fichier ci-dessus dans le répertoire ci-dessus, je suis positif qu'il est là (j'ai copié et collé le chemin pour éviter les fautes de frappe). J'ai aussi essayé la version compacte avec pas de différence.

MODIFIER

Je suis très, très de nouveau à tout cela (angulaire, bower, yeoman, etc) Donc je peut très bien faire tout mal, alors, se pourrait-il que je n'ai plus besoin d'inclure l'interface utilisateur.routeur de dépendance? Je veux dire, il a été intégré à la de base angulaire cadre en quelque sorte? Est l'interface utilisateur.routeur obsolète?

Je suppose que l'ordre de vos comprend est éteint. Peut-être que votre balise de script pour ui-router vient après que vous avez inclus le script qui a votre angular.module appel. Il y a un exemple minimal de l'installation, disponible sur angular-ui.github.io/ui-router/site/#/api/ui.routeur
Nope, j'ai ajouté ui-router référence avant mon principal app.js (qui contient le anugular.module trucs)
Est angular-ui-router.js - il correctement chargé? Rien dans les devtools?
Devrait être. Juste pour être sûr, j'ai essayé de charger le script directement à partir de l'URL suivante et toujours la même erreur: <script src="http://angular-ui.github.io/ui-router/release/angular-ui-router.js"></script>

OriginalL'auteur Cabbagesocks | 2014-06-23

  1. 5

    Je suis bête. Trouvé la réponse à partir de ce lien. Lors de l'exécution de grunt sur la ligne de commande, il est configuré pour non seulement créer et vérifier les erreurs, mais l'exécution des tests (en utilisant le karma que je ne comprends pas encore).

    Donc, ce besoin de changement est le karma fichier de config:

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

    Ci-dessous, le retrait de la ligne a été ce que j'ai besoin d'ajouter:

    //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'
    ],

    OriginalL'auteur Cabbagesocks

  2. 0

    Aller de l'avant avec ce lien, vous obtiendrez la structure de travail avec angular.js à l'aide de l'interface utilisateur du routeur

    Github

    OriginalL'auteur Soni Pandey