Module d'interface utilisateur.bootstrap " n'est pas disponible - Angularjs

Je suis confronté à un problème étrange avec mon angularjs projet.

J'ai un site web comme www.server.com/pwm (page d'accueil). Dans la page, il y a une balise d'ancrage avec me prend pour une autre page www.server.com/publishers. Lorsque je charge la page d'accueil et accédez à l'éditeur de page en cliquant sur la balise d'ancrage, tout fonctionne bien. Mais quand j'ai taper directement l'url dans le navigateur j'obtiens le dessous des exceptions (par exemple. Si je charge la page d'accueil www.server.com/pwm puis tapez "/éditeurs" à la fin de l'url)

[$injecteur:nomod] Module d'interface utilisateur.bootstrap " n'est pas disponible! Vous pouvez soit mal orthographié le nom du module ou oublié de le charger. Si l'enregistrement d'un module assurer que vous spécifiez les dépendances comme deuxième argument.
http://errors.angularjs.org/1.2.18/$injecteur/nomod?p0=ui.bootstrap"

La confusion, c'est que j'ai inclus les bibliothèques nécessaires et il fonctionne très bien lorsque je navigue dans la page web. Le problème survient lorsque j'essaie de naviguer directement à une page enfant. Je suis en train de l'utiliser pour ngRoute et des modèles pour charger la page

var pubsApp = angular.module('pubsApp', ['ngResource', 'ngRoute', 'ui.bootstrap'])

et mes fichiers de script

<script src="/Scripts/jquery-1.9.1.js" type="text/javascript"></script>
<script src="/Scripts/angular.js" type="text/javascript"></script>
<script src="/Scripts/angular-route.js" type="text/javascript"></script>
<script src="/Scripts/angular-sanitize.js" type="text/javascript"></script>
<script src="/Scripts/angular-resource.js" type="text/javascript"></script>
<script src="/Scripts/bootstrap.js" type="text/javascript"></script>
<script src="Scripts/angular-ui/ui-bootstrap.min.js" type="text/javascript"></script>
<script src="Scripts/angular-ui/ui-bootstrap-tpls.min.js" type="text/javascript"></script>
<script src="/js/app.js" type="text/javascript"></script>
Est-ce un single page app? Si oui, qu'est-ce que votre table de routage?
je ne suis pas familier avec angulaire pour bootstrap, mais ne vous comprennent à la fois, angulaire et jquery ainsi que deux de leurs bootstrap.js fichiers? Id suppose de laisser au moins /Scripts/bootstrap.js...
Le src pour ui-bootstrap js fichiers est relatif donc, il est vraiment pas étonnant que ça ne fonctionne pas. Rendre absolu comme le reste?
vous n'avez pas besoin ui-bootstrap.min.js et ui-bootstrap-tpls.min.js. ui-bootstrap-tpls.min.js contient tout le code et les modèles.

OriginalL'auteur Anshu Dutta | 2014-06-23

  1. 4

    Tous vos balises de script sont à l'aide des chemins absolus (ils commencent par un /), sauf pour l'angle-bootstrap balises; ils utiliser des chemins relatifs. Cela signifie qu'ils sont par rapport à l'endroit où vous êtes dans le navigateur.

    Vos fichiers javascript sont toutes situées au http://www.website.com/Scripts/... parce que toutes vos balises de script à l'exception de ces deux utiliser des chemins absolus, ils toujours chercher le script dans le même endroit. Cependant, les deux angulcar-bootstrap chemins se regarder dans différent selon l'endroit où vous êtes dans le navigateur.

    La raison pour laquelle il travaille, sauf si vous allez directement à la page enfant est parce angulaire charge uniquement les fichiers javascript sur le chargement initial de la page et non pas sur la navigation.

    Donc simplement changer votre angulaires-bootstrap des balises de script à utiliser des chemins absolus, comme le reste de vos balises de script.

    C'est vraiment un bon point. Je vais vérifier ces modifications. Merci beaucoup

    OriginalL'auteur Reeling

  2. 1

    J'ai également eu le même problème et je l'ai résolu.
    Le détail est ci-dessous.

    Vérifier votre {{project_root}}/test/karma.conf.js

    Et assurez-vous de bower_components/angular-bootstrap/ui-bootstrap-tpls.js en elle.
    Dans votre cas, vous devez mettre Scripts/angular-ui/ui-bootstrap-tpls.min.js .

    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-bootstrap/ui-bootstrap-tpls.js',
  'app/scripts/**/*.js',
  'test/mock/**/*.js',
  'test/spec/**/*.js'
],

    OriginalL'auteur keiwt

  3. -1

    Je pense que cela n'a rien a voir avec de l'interface utilisateur-bootstrap. Cette question est liée à angulaires de routage.
    S'il vous plaît essayer cette server.com/#/publishers (Lors de la rédaction de l'emplacement à l'adresse-bar manuellement).

    Je ne pense pas que cette réponse aide

    OriginalL'auteur micronyks