Keine NgModule-Metadaten für 'CustomerComponent' gefunden

Question

Ich erhalte Fehler, da keine NgModule-Metadaten für 'CustomerComponent' gefunden wurden. wenn ich auf klicken CustLink

Meister

<a [routerLink]="['Supplier/Add']">Supplier</a> 
<a [routerLink]="['Customer/Add']">Customer</a><br /> 
<div> 
    <router-outlet></router-outlet> 
</div> 

CustomerComponent

import { Component } from "@angular/core" 
    import { Customer } from "../../UI/Customer/Customer" 

    @Component({ 
     templateUrl: "../UI/Customer/Customer.html" 
    }) 

export class CustomerComponent { 

} 

CustomerRouting

import { Component } from '@angular/core'; 
import { CustomerComponent } from '../component/customercomponent/customercomponent'; 

export const CustoerRoutes = [ 
    { path: 'Add', component: CustomerComponent }, 
]; 

CustomerModule

import { NgModule } from "@angular/core" 
import { BrowserModule } from '@angular/platform-browser'; 
import { FormsModule } from "@angular/forms" 
import { CustomerComponent } from "../../Component/CustomerComponent/CustomerComponent" 
import { RouterModule } from '@angular/router'; 
import { CustoerRoutes } from '../../route/customerrouting'; 

@NgModule({ 
    imports: [RouterModule.forChild(CustoerRoutes), 
     FormsModule, BrowserModule], 
    declarations: [CustomerComponent], 
    bootstrap: [CustomerComponent] 
}) 
export class CustomerModuleLibrary { } 

Answer 1

Es scheint so, wie Sie CustomerComponent importiert haben, ist nicht korrekt. Ich habe angenommen, Sie haben CustomerComponent.ts Datei in Component Ordner hinzugefügt.

Korrigierte Dateien werden unter

CustomerRouting angebracht

import { Component } from '@angular/core'; 
import { CustomerComponent } from '../component/CustomerComponent'; 

export const CustoerRoutes = [ 
    { path: 'Add', component: CustomerComponent }, 
]; 

CustomerModule

import { NgModule } from "@angular/core" 
import { BrowserModule } from '@angular/platform-browser'; 
import { FormsModule } from "@angular/forms" 
import { CustomerComponent } from "../../component/CustomerComponent" 
import { RouterModule } from '@angular/router'; 
import { CustoerRoutes } from '../../route/customerrouting'; 

@NgModule({ 
    imports: [RouterModule.forChild(CustoerRoutes), 
     FormsModule, BrowserModule], 
    declarations: [CustomerComponent], 
    bootstrap: [CustomerComponent] 
}) 
export class CustomerModuleLibrary { } 

Prost!