找不到“ CustomerComponent”的NgModule元数据

Question

I'm Getting Error as No NgModule metadata found for 'CustomerComponent'. when I click on CustLink

Master

<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

It seems the way you have imported CustomerComponent is not correct. I have assumed you have added CustomerComponent.ts file inside Component folder.

Corrected files are attached below

CustomerRouting

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 { }

Cheers!