You were supposed to provide 2 arguments, but you only gave 1.ts(2554)

Question

You were supposed to provide 2 arguments, but you only gave 1.ts(2554)

Hey everyone, I hope you're having a good morning. Apologies for the inconvenience, I've been practicing to improve my skills and encountered an issue while working on a login feature. I'm trying to connect it to an API but facing a strange error in the login component.

import { Component, } from '@angular/core';
import { AppserviceService } from '../../services/appservice.service';
import { NgForm } from '@angular/forms';
import { AppsResp } from '../../interfaces/interfaces';
import { FormsModule } from '@angular/forms';

@Component({
  selector: 'app-login',
  templateUrl: './login.component.html',
})
export class LoginComponent {

  email:string ='';
  password:string='';

  constructor(public AppserviceService: AppserviceService) { }

  login() {
    const user = {email: this.email, password: this.password};
    this.AppserviceService.login(user).subscribe( data => {
      console.log(data);
    });
  }
}

The specific error message I'm receiving is as follows: "Expected 2 arguments, but got 1.ts(2554) appservice.service.ts(15, 26): An argument for 'password' was not provided."

Below, you'll find the code for the app service where the error originates:

import { HttpClient } from '@angular/common/http';
import { Injectable, Query } from '@angular/core';
import { Observable } from 'rxjs';
import { AppsResp, Registro } from '../interfaces/interfaces';

@Injectable({
  providedIn: 'root'
})
export class AppserviceService {

  constructor(private http: HttpClient) { }

  login ( email: string, password: string ){
const body = {email,password}
return this.http.post <AppsResp>("http://apitest.e-bango.com/api/auth/login" , body );
  }

}

I'm also struggling with incorporating the registration component into my service correctly. Could someone please assist me and provide detailed explanations of any mistakes I may have made? Thank you so much!

javascript angular typescript

Answer 1

Answer №1

There are two possible solutions to address this issue

1: The problem might lie in the input provided to the login function

 login() {
    const user = {email: this.email, password: this.password};
    this.AppserviceService.login(user).subscribe( data => {
      console.log(data);
    });
  }

Modify it as follows:

 login() {
    this.AppserviceService.login(email: this.email, password: this.password).subscribe( data => {
      console.log(data);
    });
  }

2: Revise the login function implementation

  login ( email: string, password: string ){
const body = {email,password}
return this.http.post <AppsResp>("http://apitest.e-bango.com/api/auth/login" , body );
  }

Change it to:

  login ( {email: string, password: string }){
const body = {email,password}
return this.http.post <AppsResp>("http://apitest.e-bango.com/api/auth/login" , body );
  }

Answer 2

There are two possible solutions to address this issue

1: The problem might lie in the input provided to the login function

 login() {
    const user = {email: this.email, password: this.password};
    this.AppserviceService.login(user).subscribe( data => {
      console.log(data);
    });
  }

Modify it as follows:

 login() {
    this.AppserviceService.login(email: this.email, password: this.password).subscribe( data => {
      console.log(data);
    });
  }

2: Revise the login function implementation

  login ( email: string, password: string ){
const body = {email,password}
return this.http.post <AppsResp>("http://apitest.e-bango.com/api/auth/login" , body );
  }

Change it to:

  login ( {email: string, password: string }){
const body = {email,password}
return this.http.post <AppsResp>("http://apitest.e-bango.com/api/auth/login" , body );
  }

Answer 3

Answer №2

modify the login process in appserviceService

updateLoginProcedure ( credentials ){
  return this.http.post <AppsResp>("http://apidev.e-bango.com/api/auth/login" , credentials );
 }

Answer 4

modify the login process in appserviceService

updateLoginProcedure ( credentials ){
  return this.http.post <AppsResp>("http://apidev.e-bango.com/api/auth/login" , credentials );
 }

Answer 5

Answer №3

The reason is that the .login method from the AppserviceService only accepts two arguments, which are email and password. However, you are trying to pass a user object instead.

Here's a suggestion:

export class LoginComponent {
  email:string ='';
  password:string='';

  constructor(public AppserviceService: AppserviceService) { }

  login() {
    this.AppserviceService.login(this.email, this.password).subscribe( data => {
      console.log(data);
    });
  }
}

Answer 6

The reason is that the .login method from the AppserviceService only accepts two arguments, which are email and password. However, you are trying to pass a user object instead.

Here's a suggestion:

export class LoginComponent {
  email:string ='';
  password:string='';

  constructor(public AppserviceService: AppserviceService) { }

  login() {
    this.AppserviceService.login(this.email, this.password).subscribe( data => {
      console.log(data);
    });
  }
}

Answer 7

Answer №4

Make sure to refer to the documentation for information on destructuring

login ({email, password}){
  ...
}

You can also provide default values

login ({email="",password=""}){
  ...
}

You can also specify the data types

login(({email="",password=""}:{email?:string,password?:string}){
  ...
}

If you are using "optional parameters," use ? to denote that it is optional

By the way, you can pass the user object directly

login(user:{email?:string,password?:string}){
  return this.http.post(...,user);
}

Answer 8

Make sure to refer to the documentation for information on destructuring

login ({email, password}){
  ...
}

You can also provide default values

login ({email="",password=""}){
  ...
}

You can also specify the data types

login(({email="",password=""}:{email?:string,password?:string}){
  ...
}

If you are using "optional parameters," use ? to denote that it is optional

By the way, you can pass the user object directly

login(user:{email?:string,password?:string}){
  return this.http.post(...,user);
}

You were supposed to provide 2 arguments, but you only gave 1.ts(2554)

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

What are some ways to personalize column design when a Kendo grid column is automatically created?

Surveillance software designed to keep tabs on how long visitors remain on external websites

Puppeteer will not navigate to chrome://version when running in headless mode

Implement a timeout feature for npm clickhouse queries

Unable to establish a websocket connection with either Amber or NPM, uncertain of the reason

Vue: rendering props cannot be utilized with TSX

The res.send() function is being executed prior to the async function being called in express.js

Display the Angular Material sidebar within the parent component's closing tag

What is the best way to dismiss the additional modal popup?

Retrieve the Multer file name and/or file path

Tips for combining or adding duplicated values in a Javascript array

retrieve particular content from html following ajax return

The dependencies of Nest are unable to be resolved by the system

Finding the value of a radio button dynamically created by jQuery

The .get function is functioning properly during development, but encountering issues in the production environment

What is the purpose of using detectChanges() when utilizing the default change detection strategy in Angular?

I'm trying to understand a JSON object that has multiple key names pointing to a single value. How can I properly interpret this in

Create HTML elements based on the information in a JSON object

Expand an image to its full dimensions when it is initially loaded

Is the 'case' in a switch statement not treated as a typeguard by Typescript?