2016-11-27 2 views
-1

Я получаю

Uncaught Ошибка: [$ Инжектор: modulerr] jquery.js: 3855

Кажется, я включил почти все зависимости, но все же я я получаю сообщение об ошибке app.js

angular.module('app', ['ui.router', 'app.controllers']) 
 
\t 
 
\t .config(function($stateProvide, $urlRouterProvider){ 
 
\t \t $stateProvider 
 
\t \t \t .state('home', { 
 
\t \t \t \t url : "/home", 
 
\t \t \t \t templateUrl : "views/home.html", 
 
\t \t \t \t controller : "HomeCtrl" 
 
\t \t \t }) 
 

 
\t \t \t .state('details', { 
 
\t \t \t \t url : "/details", 
 
\t \t \t \t templateUrl : "views/details.html", 
 
\t \t \t \t controller : "DetailsCtrl" 
 
\t \t \t }) 
 

 
\t \t \t .state('about', { 
 
\t \t \t \t url : "/about", 
 
\t \t \t \t templateUrl : "views/about.html", 
 
\t \t \t \t controller : "AboutCtrl" 
 
\t \t \t }) 
 

 
\t \t \t .$urlRouterProvider.otherwise('/home'); 
 
})

Мой файл контроллер app.controllers.js

angular.module('app.controllers',[]) 
 
\t 
 
\t .controller('HomeCtrl',function($scope){ 
 
\t \t console.log("In home ctrl"); 
 
\t \t $scope.message = 'This is Add new order screen'; 
 
\t }) 
 

 
\t .controller('DetailsCtrl',function($scope){ 
 
\t \t console.log("In details ctrl"); 
 
\t }) 
 

 
\t .controller('AboutCtrl',function($scope){ 
 
\t \t console.log("In about ctrl"); 
 
\t })

Мой индекс Page

<html> 
 
    <head> 
 
     <title>Angular Practice</title> 
 
     <link rel="stylesheet" type="text/css" href="style.css"> 
 
     <link rel="stylesheet" type="text/css" href="libs/bootstrap/css/bootstrap.min.css"> 
 

 
     <script type="text/javascript" src="libs/jquery/jquery.js"></script> 
 
     <script type="text/javascript" src="libs/bootstrap/js/bootstrap.min.js"></script> 
 
     <script type="text/javascript" src="libs/angular/angular.min.js"></script> 
 
     <script type="text/javascript" src="libs/ui-router/angular-ui-router.js"></script> 
 

 
     <script type="text/javascript" src="app.js"></script> 
 
     <script type="text/javascript" src="controllers/controllers.js"></script> 
 
    </head> 
 
    <body ng-app="app"> 
 
    \t <div class="well"> 
 
    \t \t <div class="row"> 
 
    \t \t \t <div class="col-md-4 text-center"> 
 
    \t \t \t \t <button class="btn btn-lg btn-info" ui-sref="home"> 
 
    \t \t \t \t \t Home 
 
    \t \t \t \t </button> 
 
    \t \t \t </div> 
 
    \t \t \t <div class="col-md-4 text-center" ui-sref="details"> 
 
    \t \t \t \t <button class="btn btn-lg btn-info"> 
 
    \t \t \t \t \t Details 
 
    \t \t \t \t </button> 
 
    \t \t \t </div> 
 
    \t \t \t <div class="col-md-4 text-center"> 
 
    \t \t \t \t <button class="btn btn-lg btn-info" ui-sref="about"> 
 
    \t \t \t \t \t About 
 
    \t \t \t \t </button> 
 
    \t \t \t </div> 
 
    \t \t </div> 
 
    \t </div> 
 
    \t <div ng-view> 
 
    \t \t {{message}} 
 
    \t </div> 
 
    </body> 
 
</html>

Ошибка Stack

http://errors.angularjs.org/1.5.8/$injector/modulerr?p0=app&p1=TypeError%3A…0(http%3A%2F%2F127.0.0.1%3A8887%2Flibs%2Fangular%2Fangular.min.js%3A20%3A1) 
 
    at http://127.0.0.1:8887/libs/angular/angular.min.js:6:412 
 
    at http://127.0.0.1:8887/libs/angular/angular.min.js:40:222 
 
    at q (http://127.0.0.1:8887/libs/angular/angular.min.js:7:355) 
 
    at g (http://127.0.0.1:8887/libs/angular/angular.min.js:39:319) 
 
    at cb (http://127.0.0.1:8887/libs/angular/angular.min.js:43:336) 
 
    at c (http://127.0.0.1:8887/libs/angular/angular.min.js:20:390) 
 
    at Bc (http://127.0.0.1:8887/libs/angular/angular.min.js:21:179) 
 
    at fe (http://127.0.0.1:8887/libs/angular/angular.min.js:20:1) 
 
    at HTMLDocument.<anonymous> (http://127.0.0.1:8887/libs/angular/angular.min.js:317:386) 
 
    at mightThrow (http://127.0.0.1:8887/libs/jquery/jquery.js:3570:29)

+0

не должны контролеры быть включены до того приложение так когда вы вводите 'app.controllers', он действительно существует? – maurycy

+0

все еще получает ту же ошибку –

ответ

1

Типовое имя зависимости функции конфигурации.

$stateProvide 

Должно быть

$stateProvider 

Также вы должны использовать ui-view на HTML вместо этого на ng-view

.$urlRouterProvider.otherwise('/home'); 

Должно быть

$urlRouterProvider.otherwise('/home'); // removed. From the start 
+0

все еще ошибка после исправления опечаток, на которые вы указали –

+0

Можете ли вы поставить весь стек ошибок в вопрос –

+0

Как насчет полуколонии в конце ваших .js-файлов? –

Смежные вопросы