繁体   English   中英

虽然我在模块中声明了组件,但组件不是任何NgModule的一部分

[英]Component is not part of any NgModule although i have declared it in the module

我试图通过创建另一个路由模块并导入延迟加载组件来实现延迟加载,但我仍然收到以下错误。 有人能解释我哪里出错了吗? 在此输入图像描述

这是我的代码setup.module.ts

import {NgModule} from '@angular/core';
import {CommonModule} from '@angular/common';

import {SetupRoutingModule} from './setup-routing.module';
import {DevicesComponent} from './devices/devices.component';
import {StoresComponent} from './stores/stores.component';
import {MaterialModule} from '../../shared/material.module';
import {FormsModule} from '@angular/forms';

@NgModule({
  imports: [
    CommonModule,
    SetupRoutingModule,
    MaterialModule,
    FormsModule
  ],
  declarations: [ DevicesComponent, StoresComponent],
})
export class SetupModule { }

App.module.ts

    import {SetupRoutingModule} from './components/setup/setup-routing.module';
        const routes: Routes = [
          {path: '', component: DashboardComponent},
          {path: 'setup', loadChildren: 'app/components/setup/setup.module#SetupModule'},
          {path: '**', redirectTo: ''}

        ];

        @NgModule({
          declarations: [
            AppComponent,
            NavbarComponent,
            PublishComponent,
            DashboardComponent,

          ],
          imports: [
            BrowserModule,
            BrowserAnimationsModule,
            MaterialModule,
            FlexLayoutModule,
            FormsModule,
            SetupRoutingModule,
            ContentRoutingModule,
            RouterModule.forRoot(routes)
          ],
          providers: [],
          bootstrap: [AppComponent]
        })

export class AppModule { }

在导入SetupModule app.module.ts导入app.module.ts

imports: [
            BrowserModule,
            BrowserAnimationsModule,
            MaterialModule,
            FlexLayoutModule,
            FormsModule,
            SetupRoutingModule,
            ContentRoutingModule,
            SetupModule,
            RouterModule.forRoot(routes)
]

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM