我按照说明here运行角度2.2.4。这使用类似于角度CLI工作方式的webpack,但存在差异。我试图懒得加载一些模块,但它没有工作。
在我的app.routing.ts中,我有:
import { ModuleWithProviders } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
...
const routes: Routes = [
{
path: 'lazy',
loadChildren: './components/lazy/lazy.module#LazyModule'
},
...
]
export const routing: ModuleWithProviders = RouterModule.forRoot(routes);
在我的lazy.routing.ts中,我有:
import { ModuleWithProviders } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { LazyComponent } from '../lazy/lazy.component';
const routes: Routes = [
{
path: '',
component: LazyComponent
}
]
export const routing: ModuleWithProviders = RouterModule.forChild(routes);
在我的lazy.module.ts中,我有:
import { NgModule } from '@angular/core';
import { LazyComponent } from './lazy.component';
import { routing } from './lazy.routing';
@NgModule({
imports: [routing],
declarations: [LazyComponent]
})
export class LazyModule { }
我收到了这个错误:
" EXCEPTION:Uncaught(承诺):ReferenceError:未定义系统 ReferenceError:系统未定义"
完全相同的过程在CLI中有效,但与我使用的项目结构无关,所以我猜测我错过了一些已经设置的依赖项或配置在CLI中。
感谢。