我尝试在我的有角网站中执行懒惰模式

问题描述 投票:0回答:1

我尝试在我的有角度的网站中执行懒惰模式,这看起来有些错误,无缘无故我作为有角度的网站显示https://angular.io/guide/lazy-loading-ngmodules来做>

为什么我的应用程序不再起作用?我不知道该怎么办了我的文件请等待您的帮助。

product.module.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { RouterModule } from '@angular/router';
import { HomeComponent } from '../../home/home.component';
import { InfoComponent } from '../../info/info.component';
import { ProductRoutingModule } from './module.module';

@NgModule({
  declarations: [HomeComponent, InfoComponent],
  imports: [
    CommonModule,
    ProductRoutingModule,
  ],
  exports: [RouterModule]
})
export class ProductModule { }

module.module.ts

import { NgModule, Component } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { HomeComponent } from '../../home/home.component';
import { InfoComponent } from '../../info/info.component';


const routes: Routes = [
    { path: 'home', component: HomeComponent },
    { path: 'info', component: InfoComponent }
];


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

app-routing.module.ts

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { guards } from '../../store/guards';
import { HomeComponent } from '../../home/home.component';

const routes: Routes = [

  { path: '', component: HomeComponent, canActivate: guards },
  { path: 'product', loadChildren: () => import('./product.module').then(m => m.ProductModule) },
  { path: '**', redirectTo: 'product/home', pathMatch: 'full' }
];

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

我正在尝试访问'product/info'

app.module.ts

import { AppRoutingModule } from './shared/modules/app-routing.module';

  imports: [
    AppRoutingModule,


The bug is 

core.js:6014错误错误:未被捕获(承诺):错误:类型HomeComponent是以下两个模块的声明的一部分:AppModule和ProductModule!请考虑将HomeComponent移至导入AppModule和ProductModule的更高模块。您还可以创建一个新的NgModule,该导出并包含HomeComponent,然后在AppModule和ProductModule中导入该NgModule。错误:类型HomeComponent是2个模块的声明的一部分:AppModule和ProductModule!请考虑将HomeComponent移至导入AppModule和ProductModule的更高模块。您还可以创建一个新的NgModule,它导出并包含HomeComponent,然后在AppModule和ProductModule中导入该NgModule。


Please help me I am try to do it two days 

我尝试在我的有角度的网站中执行懒惰模式,这看起来像是一些无故的错误,就像我在有角度的网站中显示https://angular.io/guide/lazy-loading-ngmodules一样,为什么我的应用程序不再起作用了?我...

angular lazy-loading
1个回答
1
投票

美好的一天!

© www.soinside.com 2019 - 2024. All rights reserved.