Uncaught Error: Unexpected directive 'ProductsComponent' imported by the module 'AppModule'. Please add a @NgModule annotation

Question

Im trying to access the main route on my server at

http://localhost:4200

The full error message is:

Uncaught

Answer 1

You can import only classes adorned by @NgModule decorator. So move routingComponent from imports to declarations:

 @NgModule({
    declarations: [
      AppComponent,
      ProductsComponent,
      CartComponent,
      MenuComponent,
      routingComponents // add here
    ],
    imports: [
      BrowserModule,
      RouterModule,
      AppRoutingModule
    ],
    ...

Answer 2

Try removing the routingComponents. I don't see that that is doing anything and may be causing this problem.