einen „Injektor: modulerr“ recieving Fehler beim Versuch UI-Router

Question

'use strict'; 
angular.module('confusionApp', ['ui.router']) 
.config(function($stateProvider, $urlRouterProvider) { 
    $stateProvider 
     // route for the home page 
     .state('app', { 
      url:'/', 
      views: { 
       'header': { 
        templateUrl : 'views/header.html' 
       }, 
       'content': { 
        template : '<h1>To be Completed</h1>', 
        controller : 'IndexController' 
       }, 
       'footer': { 
        templateUrl : 'views/footer.html' 
       } 
      } 
     }) 
     // route for the aboutus page 
     .state('app.aboutus', { 
      url:'aboutus', 
      views: { 
       'content@': { 
        template: '<h1>To be Completed</h1>' 
       } 
      } 
     }) 
     // route for the contactus page 
     .state('app.contactus', { 
      url:'contactus', 
      views: { 
       'content@': { 
        templateUrl : 'views/contactus.html', 
        controller : 'ContactController' 
       } 
      } 
     }) 

     // route for the menu page 
     .state('app.menu', { 
      url: 'menu', 
      views: { 
       'content@': { 
        templateUrl : 'views/menu.html', 
        controller : 'MenuController' 
       } 
      } 
     }) 

     // route for the dishdetail page 
     .state('app.dishdetails', { 
      url: 'menu/:id', 
      views: { 
       'content@': { 
        templateUrl : 'views/dishdetail.html', 
        controller : 'DishDetailController' 
       } 
      } 
     }); 
     $urlRouterProvider.otherwise('/'); 
    }); 

Für die app.js Datei den ich versuche zu verwenden, um den UI-Router, habe ich Bower zu installieren, die die Winkelabhängigkeiten für die UI- zu injizieren Router. Sie haben derzeit den richtigen Weg, wenn ich sie in die Tags einfüge. Ich habe überprüft, ob die Dateien auch in der bower_components-Datei vorhanden sind. Wenn ich das Programm starte, erscheint nichts und der einzige Fehler, den ich erhalte, ist der Fehler "Uncaught Error: [$ injector: modulerr]".

Answer 1

Try Last ui.router bevor Sie ein Skript laden:

<!-- UI-Router --> 
<script src="angular-ui-router.js"></script> 
<script src="yourscript.js"></script> 

Answer 2

Es scheint wie Winkel nicht ui-Route-Modul finden, denken Sie daran es in Ihrem HTML enthalten. Verwenden Sie so etwas wie die

<script src="/bower_components/angular/angular.js"></script> <script src="/bower_components/angular-ui-router/angular-ui-router.js"></script>

wenn Sie Bower verwenden.

Sorry von meinem Englisch. Ich hoffe, dass dies für Sie nützlich sein wird.

Answer 3

Ich hatte ähnliches Problem. Was gefixt wurde war, '$ stateProvider' und '$ urlRouterProvider' zu injizieren, bevor sie in der Config-Funktion verwendet wurden, wie zum Beispiel:

angular.module('confusionApp', ['ui.router']) 
.config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider) { 
    $stateProvider 
     // .. and so on 
}]);