Solution:
Your MyComponentComponent
must be in MyComponentModule
.
And in MyComponentModule
, you must place the MyComponentComponent
within the "exports".
pursue the below code:
@NgModule({
imports: [],
exports: [MyComponentComponent],
declarations: [MyComponentComponent],
providers: [],
})
export class MyComponentModule {
}
and set the MyComponentModule
in the imports
in app.module.ts
like this (view code below).
import { MyComponentModule } from 'your/file/path';
@NgModule({
imports: [MyComponentModule]
declarations: [AppComponent],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule {}
Afterward doing so, the selector of your component can now be acknowledged by the app.
Maybe This is for name of html
tag component
You employ in html
something like this <mycomponent></mycomponent>
You should use this <app-mycomponent></app-mycomponent>
are you importing it in your app.module.ts
like so and remove the directives bit:
@NgModule({
bootstrap: [AppComponent],
imports: [MyComponentModule],// or whatever the name of the module is that declares your component.
declarations: [AppComponent],
providers: []
})
export class AppModule {}
Your MyComponentModule
must be like this:
@NgModule({
imports: [],
exports: [MyComponentComponent],
declarations: [MyComponentComponent],
providers: [],
})
export class MyComponentModule {
}