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 に対して不明なプロバイダー エラーが発生します。コードは完璧にデバッグされ、コードの特定のポイントに到達しますが、Webpack で動作させることができません (実装する前は動作していました)。
前もって感謝します！