Broken example for adding ProductAlertsComponent

Description

Broken step in the ‘Pass data to child component’ section of the getting started guide. In order to fix this, I had to modify app.module.ts to import the additional component. Perhaps this is something that stackblitz.com used to do automatically when using the Angular Generator.

I added:

added line 9: import { ProductAlertsComponent } from ‘./product-alerts/product-alerts.component’; changed line 22: ProductListComponent --> ProductListComponent, (added a comma) added line 23: ProductAlertsComponent

What is the affected URL?

https://angular.io/start

Please provide the steps to reproduce the issue

I followed the steps under ‘Pass data to child component’ where during step 6 the example breaks.

Please provide the expected behavior vs the actual behavior you encountered

No response

Please provide a screenshot if possible

No response

Please provide the exception or error you saw

Error in src/app/product-list/product-list.component.html (21:3)
'app-product-alerts' is not a known element:
1. If 'app-product-alerts' is an Angular component, then verify that it is part of this module.
2. If 'app-product-alerts' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

Is this a browser-specific issue? If so, please specify the device, browser, and version.

No response

[JoeKrupinsky]

I managed to get past this by adding ProductAlertsComponent to the declarations in app.module.ts after some googling.

NOTE: You may need to reload the page after adding the declaration

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}