Angulaire Uncaught Objet

Je suis nouveau sur Angulaire, donc je suis toujours obtenir ma tête autour de la façon dont il fonctionne. J'ai trébuché sur un problème (assez tôt...) et le code ci-dessous me donne "Uncaught Objet" dans la console et les pauses Angulaire. L' .section de configuration est le coupable, si je le supprime, le chargement de la page d'amende. Je ne suis pas entièrement sûr de savoir comment l'erreur est causé parce que pour moi, tout semble parfait?

var app = angular.module('app', ['ngRoute'])

    .config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) {
        $routeProvider
            .when('/dashboard', {
                templateUrl: '/app/views/admin.html',
                controller: 'DashboardController'
            })
            .otherwise('/', {
                redirectTo: '/'
            })

        $locationProvider.html5mode(true);
    }])

    .controller('DashboardController', ['$scope', function ($scope, Security) {
        $scope.security = Security;
    }])
Qu'est-ce que le Security objet que vous êtes l'injection?
Quel est votre code HTMl? Êtes-vous y compris Angulaire du routeProvider fichier js?
ouais le fichier ref est inclus et j'ai preprended la route script avec un alert() pour s'assurer qu'elle est récupérée.
Btw, la frustration vague "Uncaught Objet" d'erreur dans google Chrome n'est pas vraiment utile. Mais si vous ouvrez la page dans les Canaries, l'erreur sera plus détaillé. (c'est à dire "Uncaught objet: no module named app.compte Ligne 12312")

OriginalL'auteur leaksterrr | 2014-05-24

  1. 30

    J'ai eu la même erreur, si vous activez google Chrome pour faire une pause sur les exceptions, vous serez en mesure d'avoir plus d'informations détaillées sur l'erreur
    Angulaire Uncaught Objet

    C'était la vie de veille. Je n'ai jamais utilisé une pause sur les exceptions, mais toujours des points de rupture.
    +1 pour le "mettre en pause sur les exceptions" et utile de l'image d'écran.

    OriginalL'auteur cnlevy

  2. 6

    .otherwise prend qu'un seul paramètre - un objet qui contient des informations sur ce qui doit être fait pour les routes qui ne sont pas définis.

    Dans votre cas, vous semblez être le passage d'un chemin en plus à un objet.

    Remplacer:

    .otherwise('/', {
    redirectTo: '/'
})

    avec

    .otherwise({
    redirectTo: '/dashboard'
});

    Noter que vous avez besoin de rediriger vers un chemin qui existe. '/' est un chemin qui n'existe pas. '/tableau de bord " est un chemin qui n'est, par conséquent, vous rediriger vers elle. Ou, définir un gestionnaire pour '/' chemin

    Je suis encore en train de l'erreur 🙁
    Pouvez-vous coller l'intégralité de l'erreur?
    cl.ly/image/453b0m202B35
    Il semble être plus d'un module erreur de dépendance. Deux choses - avez-vous déclaré votre ng-app correctement? Avez-vous inclus les angular-route.js fichier?
    ng-app est déclaré comme ceci: <html ng-app="app"> et voici un journal de la console montrant l'inclusion de l'angulaire de l'itinéraire cl.ly/image/2L0X2u0T2l2R

    OriginalL'auteur callmekatootie

  3. 1

    Je poste mon propre solution, car plusieurs facteurs semblent être à l'origine de ce problème et personne n'en a parlé jusqu'à présent.

    Qui est, essayez d'écrire votre code en dehors de $.ready();

    <script>
$(function(){
  //This leaves "Uncaught object" error in Chrome!
  //var app = angular.module('testApp', ['ngRoute']);
});

//So get it out of $.ready()!! 
var app = angular.module('testApp', ['ngRoute']);
</script>

    OriginalL'auteur Quv

  4. 1

    Dans ce cas, on dirait que l'erreur a été causée par la présente:

    $locationProvider.html5mode(true); <-- mode should be capital 'M'.
    Merci, mon erreur de frappe est: $locationProvider.html5Moode(true); j'étais à la recherche pendant des heures ...

    OriginalL'auteur leaksterrr

  5. 0

    Assurez-vous que votre angular.js est chargé avant angular-route.js dans votre fichier HTML.
    comme:

    <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.16/angular.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.16/angular-route.js"></script>

    OriginalL'auteur Borune

  6. 0

    Je viens de tomber sur ceci, dans mon cas, c'était grâce à l'aide de l'INTERFACE utilisateur du Routeur et d'avoir un doublon de nom de l'état.

    OriginalL'auteur Thomas