Angular: Can't call component I created

Question

I created a new component,But I can not read it in the app.

In my main component file: app.component.html I have:

<h1>First App</h1>
<app-red-light></app-red-light>

In my second component file: red-light.component.html

I have:

<p>red-light works!</p>

Which I call red-light In main components so it does not appear to me

My App.Module:

    import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { AppComponent } from './app.component';
import { RedLightComponent } from './red-light/red-light.component';

@NgModule({
  declarations: [
    AppComponent,
    RedLightComponent
  ],
  imports: [
    BrowserModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Did you add RedLightComponent to your AppModule? Do you get any errors in your console? — pzaenger
– pzaenger, Commented May 15, 2022 at 14:22
It should automatically be added there as soon as I create components — Jorge Dask
– Jorge Dask, Commented May 15, 2022 at 14:28
@JorgeDask in that case please share the code (or minimal code that demonstrates the issue) on Stackblitz — Benny Halperin
– Benny Halperin, Commented May 15, 2022 at 17:42

Stanisław Matuszewski · Accepted Answer · 2022-05-15 20:09:15Z

1

Have you re-builded your application once more? Changes involving the modules(for instance creating new components) require running the application by ng serve again

answered May 15, 2022 at 20:09

Stanisław Matuszewski

262 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Jorge Dask Over a year ago

My Bad, I did not connect to localhost: 4200

Collectives™ on Stack Overflow

Angular: Can't call component I created

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related