ngOnInit(): void breaks shipping.component.ts

[goodwinchris]

Describe the problem that you experienced

When following along with the getting started tutorial, I'm prevented from moving forward with the following error:

Type 'void' is not assignable to type 'Observable<{ type: string; price: number; }[]>'.

Enter the URL of the topic with the problem

https://angular.io/start/start-data#configuring-the-shippingcomponent-to-use-cartservice

Describe what you were looking for in the documentation

No response

Describe the actions that led you to experience the problem

Just following along with the tutorial.

Describe what you want to experience that would fix the problem

I'd like a change to the code which resolves the issue or an explanation about how I can resolve it myself.

Add a screenshot if that helps illustrate the problem

If this problem caused an exception or error, please paste it here

Type 'void' is not assignable to type 'Observable<{ type: string; price: number; }[]>'.(2322)
(property) ShippingComponent.shippingCosts: Observable<{
    type: string;
    price: number;
}[]>

### If the problem is browser-specific, please specify the device, OS, browser, and version

_No response_

### Provide any additional information here in as much as detail as you can

_No response_

[alxhub]

The code in the tutorial is correct. TypeScript is correctly telling you that in your code, this.cartService.getShippingPrices() is returning void which is not assignable to the Observable. It has nothing to do with ngOnInit or its return type - you likely did not return anything from getShippingPrices().

[goodwinchris]

You are correct, it appears I missed the return in getShippingPrices(). Thank you for the reply.

[angular-automatic-lock-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.}