延迟加载异常:未定义系统

时间:2017-03-08 00:35:00

标签: angular lazy-loading angular-routing

我按照说明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中。

感谢。

0 个答案:

没有答案