Connection to Service in Stackblitz dont work

Question

Goal:
Make a connection with service named Data in stackblitz.

Problem:
It doesn't work. what part am I missing?

Stackblitz:
https://stackblitz.com/edit/angular-mpy6pr

Thank you!

Answer 1

There are two problems:

1. Import the HttpClientModule in your app.module.ts

   import { HttpClientModule } from "@angular/common/http";
   
   @NgModule({
     imports: [BrowserModule, FormsModule, HttpClientModule],
     ...
   })
   

2. Next fix the import in app.component.ts

   import { DataService } from './_services/data.service';
   

Forked stackblitz

Answer 2

https://stackblitz.com/edit/angular-ytzk2a?file=src/app/app.component.ts

You were missing this part, you need to reference the file not just the folder: