No pipe found with name 'currency' during Managing Data tutorial

Description

I’m going through the tutorial and I’ve just finished the Managing Data steps and I’m getting this error: Error in src/app/cart/cart.component.html (5:25) No pipe found with name 'currency'. As someone who is learning Angular for the first time, this is really confusing.

Did I miss something? Removing the currency pipe leaves me with this error: Can't bind to 'ngForOf' since it isn't a known property of 'div'

And from searching around seems to be a problem importing the BrowserModule.

Any help would be much appreciated.

Here’s my current fork: https://stackblitz.com/edit/angular-hbimmm?file=src/app/app.module.ts

What is the affected URL?

https://angular.io/start/start-data#managing-data

Please provide the steps to reproduce the issue

No response

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

No response

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

No response

[petebacondarwin]

Yes, and we have also spoken with StackBlitz to see if they can improve their generator.

[JoostK]

It appears that the tutorial is missing a step. During the creation of CartComponent using the “Angular Generator”, the component was created but it was not added as a declaration in AppModule. This causes the component to not have access to any other components and pipes, as it needs to be declared in an NgModule to get access to all components/directives/pipes that it declares and imports.

You can get it to work by adding CartComponent to the list of declarations in src/app/app.module.ts on line 28.