AngularJs ui-route “n'a pas pu résoudre état” erreur

Im nouveau à AngularJs et je vais essayer d'obtenir cette interface utilisateur de l'itinéraire de travail mais pas de chance. Ceci est un extrait de mon .js fichier contenant l'itinéraire configurer.

//object for routing
var route = angular.module('route', ["ui.router"])

//configure the routing        
route.config(function($stateProvider, $urlRouterProvider) {

    //send to profile page
    $urlRouterProvider.otherwise("/personal_info");

    $stateProvider        //route for personal info
    .state('personal_info', {
            url: "/personal_info",
            templateUrl : 'personal_info.html' ,
            controller : 'persController'
    })
});

Et c'est mon fichier html où j'essaie d'injecter de l'interface utilisateur-vue et de mettre en œuvre la barre de navigation avec le routage.

<!DOCTYPE html>
<html ng-app='app'>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate, pre-check=0, post-check=0, max-age=0" />
  <meta http-equiv="Pragma" content="no-cache" />
  <meta http-equiv="Expires" content="0" />
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.8/angular.min.js">    </script>
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.8/angular-resource.min.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.10.0/ui-bootstrap-tpls.min.js"></script>
  <script src="client_UI.js"></script>
  <script src="angular.js"></script>
  <script src="//angular-ui.github.io/ui-router/release/angular-ui-router.js"></script>
  <link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet" media="screen">
 <link rel = "stylesheet" type="text/css" href="css/bootstrap.css">
 <link rel = "stylesheet" type="text/css" href="css/mycss.css">  </head>
 <body>

    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script src="js/bootstrap.js"></script><!-- navigation bar -->

    <div class="navbar-header">
            <a class="brand" ui-sref="#">Home</a>
    <ul class="nav nav-pills">
            <li><a class="active" ui-sref="personal_info">Personal Info</a></li>
            <li><a ui-sref="cog_health">Cognitive Health</a></li>
            <li><a ui-sref="gen_health">General Health</a></li>
    </ul>
    </div>

<div class="container">
<div ui-view></div>
</div>
</div>
</body>
</html>

J'obtiens cette erreur qui dit "Erreur: impossible de résoudre le 'peronal_info" de l'état"
transitionTo@http://angular-ui.github.io/ui-router/release/angular-ui-router.js:1971 ...". Quelqu'un peut-il me donner une indication sur la façon de résoudre ce problème?

Grâce

Mise à JOUR: j'ai corrigé un problème de syntaxe et maintenant j'ai une erreur qui ressemble à ça ,

"GET http://localhost:3000/personal_info.html [HTTP/1.1 401 Unauthorized 1ms]"
Ne pas le angular-ui-router.js être chargé avant le app.js (angular.js ou client_ui.js)?
J'ai modifié mon code et chargé de la angular-ui-router.js avant angular.js et client_ui.js mais je suis toujours la même erreur
Si personal_info est votre seul état, avez-vous essayé de changer l'index? Pas vraiment, mais l'interface utilisateur du routeur peut avoir besoin d'un état de l'index par défaut. (corrigez-moi si je me trompe)
Qu'entendez-vous par l'indice de l'état? Est-il quelque chose comme ... "<a class="marque" de l'interface utilisateur-sref="#">Accueil</a>"? Et je suis le seul à montrer un état dans le code. J'ai d'autres mais j'ai besoin de faire ce travail avant que je la tête pour les autres. Merci pour l'aide, très apprécié
Puisque c'est un 401 elle m'a amené à chercher une définition incorrecte de la base de tag, mais il n'y en avait aucun. Mais ce que l'url que vous utilisez pour obtenir votre "index.html" (ou ce que vous avez appelé)... depuis votre pas en mode html5, il peut y avoir quelques questions résiduelles lors de votre travail dans des répertoires virtuels...

OriginalL'auteur user3783947 | 2014-06-27

  1. 4

    Voici un exemple de mon app.js avec l'interface utilisateur du routeur.

    'use strict';


  angular.module('srcApp', [
  'ngCookies',
  'ngResource',
  'ngSanitize',
  'ui.router'
])
  .config(function ($stateProvider, $urlRouterProvider, $locationProvider) {

    $stateProvider
      .state('lang', {
        url: '/:lang',
        templateUrl: '../views/interface.html',
        controller:'MainCtrl'
      });

    $locationProvider.html5Mode(true).hashPrefix('!');
    $urlRouterProvider.when('/', '/en');
    $urlRouterProvider.otherwise('/en');
  });

    Je vous suggère d'essayer quelque chose avec le vôtre comme:

    //object for routing
var app = angular.module('app', ["ui.router"]);

//configure the routing        
app.config(function($stateProvider, $urlRouterProvider) {

    $stateProvider        //route for personal info
    .state('index', {
            url: "/personal_info",
            templateUrl : 'personal_info.html' ,
            controller : 'persController'
    });

    //send to profile page
    $urlRouterProvider.otherwise("/personal_info");
});
    Vous êtes un épargnant de vie! Merci beaucoup. Pouvez-vous expliquer pourquoi nous sommes à l'aide de "index", l'état et pas personal_info?
    Je ne suis pas sûr (d'où la paresse sur ce jour férié) si ui-router nécessite un indice de l'état ou pas.

    OriginalL'auteur Christopher Marshall

  2. 0

    J'ai eu le même problème. Mais je résoudre la mine à l'aide de la dernière version de angular-ui-router.js à partir de unpkg.com. J'utilise la version 3.2.

    OriginalL'auteur Boas Babs