Как получить маршрутизатор компонентного маршрутизатора $ router для работы с Webpack & ocLazyLoading?

Question

Я пытаюсь заставить мое приложение Angular/Webpack/ocLazyLoad работать. Мой код приложения выглядит примерно так:

var app = angular.module('app', ['oc.lazyLoad', 'ngComponentRouter']); 
app.config(function ($locationProvider) { 
$locationProvider.html5Mode(true); 
}); 

app.value('$routerRootComponent', 'app'); 

app.component('app', { 
template: [ 
'<a ng-link="[\'Home\']">Home</a> |', 
'<a ng-link="[\'Heroes\']">Heroes</a> |', 
'<a ng-link="[\'CrisisCenter\']">Crisis Center</a>', 
'<hr>', 
'<ng-outlet></ng-outlet>', 

].join('\n'), 

controller: ['$router', '$ocLazyLoad', function($router, $ocLazyLoad) { 

$router.config([ 
    {path: '/', name: 'Home', component: 'home', usaAsDefault: true}, 

    //Heroes Route 
    { 
     path: '/heroes/...', 
     name: 'Heroes', 
     loader: function() { 
      // lazy load Heroes 
      /*return $ocLazyLoad.load([require('heroes.module')]) 
       .then(function() { 
        return 'heroes'; 
       });*/ 
     } 
    }, 

    //Crisis Center Route 
    { 
     path: '/crisis-center/...', 
     name: 'CrisisCenter', 
     loader: function() { 
      // lazy load CrisisCenter 
      /*return $ocLazyLoad.load([require('')]) 
       .then(function() { 
        return 'crisisCenter'; 
       });*/ 
     } 

    } 

    ]); 
}] 

}); 

Но я получаю неподтвержденную ошибку поставщика для $ router. Код debugs идеален и достигает определенных моментов моего кода, но я не могу заставить его работать с Webpack (он работал до того, как я его реализовал)

Заранее спасибо!

Answer 1

Изменение $router до $rootRouter решение проблемы.