#Help With Angular Tutorial

3 messages · Page 1 of 1 (latest)

long forge
#

This part im stuck on: https://angular.io/start/start-routing
I did the getting started page correctly before this, now I'm having trouble trying to import ProductDetailsComponent, here is the code im stuck in rn which is step 2:

`import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouterModule } from '@angular/router';
import { ReactiveFormsModule } from '@angular/forms';

import { AppComponent } from './app.component';
import { TopBarComponent } from './top-bar/top-bar.component';
import { ProductListComponent } from './product-list/product-list.component';
import { ProductAlertsComponent } from './product-alerts/product-alerts.component';
import { ProductDetailsComponent } from './product-details/product-details.component';

@NgModule({
imports: [
BrowserModule,
ReactiveFormsModule,
RouterModule.forRoot([
{ path: '', component: ProductListComponent },
{ path: 'products/:productId', component: ProductDetailsComponent },
])
],
declarations: [
AppComponent,
TopBarComponent,
ProductListComponent,
ProductAlertsComponent,
ProductDetailsComponent,
]
})
export class AppModule { }
`

#

Here is the error i get from it: TS-996008: Component ProductDetailsComponent is standalone, and cannot be declared in an NgModule. Did you mean to import it instead?

steep oyster