Question

我有一个app.module会在其中导入LazyLoaderModule。

我的惰性加载程序模块如下。

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { Routes,RouterModule } from '@angular/router';

const routes: Routes = [   
    {path: 'auth', loadChildren: '../auth/auth.module#AuthModule'},
    {path: 'login', loadChildren: '../login/login.module#LoginModule'},
    {path: '*', redirectTo: 'login'},
]

@NgModule({
    imports: [RouterModule.forRoot(routes)],
    exports: [RouterModule]
})
export class LazyLoadModule { }

在我的lazyloader路由器中，我的路由如下

import { RouterModule, Routes } from '@angular/router';
import { AuthComponent } from '../../Components/auth/auth.component';

export const appRoutes: Routes = [{
    path: '', component: AuthComponent, children: [
        { path: 'orders', loadChildren: '../orders/orders.module#OrdersModule' },
        { path: 'tables', loadChildren: '../../tables/tables.module#TablesModule' },
        { path: 'guarded-routes', loadChildren: '../../guarded-routes/guarded-routes.module#GuardedRoutesModule' },
        { path: 'maps', loadChildren: '../../maps/maps.module#MapsModule' },

    ]
}];

我要导入新的模块

import { MomentModule } from 'ngx-moment';中的

AppModule要导入the OrdersModule

但是，当我导入应用模块时，会出现错误。

但是，当我将其导入订单模块时，它会起作用。

我的目标是在整个应用程序中使用MomentModule，而不仅仅是ordersModule。

Answer 1

处理此问题的最佳方法是将MomentModule导入SharedModule并导出。

类似

import {MomentModule} from 'ngx-moment';

@NgModule({
  imports: [
    MomentModule
  ],
  exports: [
    MomentModule
  ]
})

并在app.module中将其用作

SharedModule.forRoot()

Angular 6模块无法正确导入

1 个答案: