AngularJS 1.2.9 ngRoute «неизвестный поставщик $ routeProvider error with requireJS

Я использую angularJS-1.2.9 и angle-route-1.2.9 для настройки маршрутов для моего приложения, я использую requireJS в качестве загрузчика зависимостей и modularize кода.Я добавил зависимость ngRoute в конфигурацию AngularJS, но все еще получаю эту следующую ошибку в консоли хром. Ошибка при отсутствии: [$ injector: modulerr] Не удалось создать модуль myApp из-за: Ошибка: [$ injector: unpr] Неизвестный поставщик: $ routeProvoider

Вот мой код

main.js

require.config({ 
    baseUrl: './js', 
    paths: { 
     angular: 'libs/angular-1.2.9', 
     angularRoute: 'libs/angular-route-1.2.9' 
    }, 
    shim: { 
     'angularRoute': { 
      deps: ['angular'], 
      exports: 'angularRoute' 
     }, 
     'angular': { 
      exports: 'angular' 
     } 
    } 
}); 

require(['angular', 'angularRoute'], function (angular, angularRoute) { 
    'use strict'; 

    var app = angular.module('myApp', ['ngRoute']); 
    angular.element(document).ready(function() { 
     angular.bootstrap(document, ['myApp']); 
    }); 

    app.controller('indexController', function ($scope, $http) { 
     console.log('inside index'); 
    }); 
    app.config(
     function ($routeProvoider) { 
      $routeProvider. 
      when('/', { 
       templateUrl: 'index_content.html', 
       controller: 'indexController' 
      }) 
     }); 
});

Вот мои файлы HTML

index.html

<!DOCTYPE html> 
<html> 
    <head> 
     <title></title> 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> 
     <meta charset="utf-8"> 
     <script data-main="js/main.js" src="js/libs/require.js"></script> 
    </head> 
    <body> 
     <div ng-view> 

     </div> 
    </body> 
</html>

index_content.html

<p>inside Index content</p> 
<h1>testing the ang routes

Что вопрос здесь ?? Почему он все еще отдает вышеупомянутую ошибку? Как это исправить?

источник

2014-07-22 Karthic Rao

Сво ошибка опечатка. Вы дали «routeProvoider», замените его на «routeProvider» – BKM

проклятый !! Да, очень глупая ошибка! Спасибо @BKM .. –

Существует ошибка опечатка на $ routeProvider в коде я выпрямленного и поместил код ниже:

фрагмент кода:

require(['angular', 'angularRoute'], function (angular, angularRoute) { 
'use strict'; 

var app = angular.module('myApp', ['ngRoute']); 
angular.element(document).ready(function() { 
    angular.bootstrap(document, ['myApp']); 
}); 

app.controller('indexController', function ($scope, $http) { 
    console.log('inside index'); 
}); 
app.config(
    function ($routeProvider) { //One typo here 
     $routeProvider. 
     when('/', { 
      templateUrl: 'index_content.html', 
      controller: 'indexController' 
     }) 
    }); 
});

источник

2014-07-22 06:32:08 V31

app.config(
    function ($routeProvider) { 
    $routeProvider. 
    when('/ResourceItem/:RE_RestoId',{ 
     templateUrl:'./partials/state-view.html', 
     controller: function ($routeParams, ResourceService) { 
     this.params = $routeParams; 

     var that = this; 
     ResourceService.getResourceItem(this.params.RE_RestoId || "").success(function (data) { 
      that.items = data; 
     }) 

     this.addItemTo = function (resource) 
     { 
      if(!resource.items) 
      { 
      resource.items = []; 
      } 
      resource.items.push({TA_Code: this.newResourceItem }); 
      this.newResourceItem=""; 
     }; 

     }, 
     controllerAs:'ResourceItemCtrl' 


    }); 
});

источник

2017-03-09 05:26:29

Может ли ошибка возникнуть, если URL-адрес неверен? –

AngularJS 1.2.9 ngRoute «неизвестный поставщик $ routeProvider error with requireJS

ответ

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