ERROR TypeError: Cannot read property 'login' of undefined

Question

i'm trying to using login function but i got this error https://image.noelshack.com/fichiers/2020/40/6/1601742042-1.jpg.

login function code:

onSubmit(){
console.log(this.form)
this.Jarwis.login(this.form).subscribe(
    data => {this.handleResponse(data)
   console.log(data)},
    error => this.handleError(error)
 )
 }

jarwis service code:

export class JarwisService {
constructor(private http:HttpClient) { }

apiUrl="http://127.0.0.1:8000/api/auth"
public login(data){
return this.http.post(`${this.apiUrl}/login`,data);
}}

Finally, this is my login component code + my angular architect code: https://image.noelshack.com/fichiers/2020/40/6/1601742370-2.jpg

Answer 1

Can you make sure that your service is injectable this:

import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root',
})
export class HeroService {
  constructor() { }
}