The recent update from Angular version 5.2 to 7 has caused issues with Post methods

Question

The recent update from Angular version 5.2 to 7 has caused issues with Post methods

An issue has occurred with the type mismatch in the error handling function. It seems that the argument provided is not compatible with the expected parameter type within the Observable structure.

GetFullAddress(addressModel: FullAddressLookupModel): Observable<AddressModel> {
    return this.httpClient.post<AddressModel>(this.Domain + "api/addressSearch/confirmAddressSelection",
        JSON.stringify(addressModel), this.httpOptions ).pipe(
            catchError(this.handleError)
        );
}



private handleError(error: HttpErrorResponse) {
    return throwError(
        'Something bad happened; please try again later.');
}

angular typescript http

Answer 1

Answer №1

Here is a code snippet that you can try:

function getAddress(addressInput) {
    return new Promise((resolve, reject) => {
        fetch('https://api.addresslookup.com', {
            method: 'POST',
            body: JSON.stringify(addressInput),
            headers: {
                'Content-Type': 'application/json'
            }
        }).then(response => response.json())
          .then(data => resolve(data))
          .catch(error => reject(error));
    });
}

The following error may occur:

Answer 2

Here is a code snippet that you can try:

function getAddress(addressInput) {
    return new Promise((resolve, reject) => {
        fetch('https://api.addresslookup.com', {
            method: 'POST',
            body: JSON.stringify(addressInput),
            headers: {
                'Content-Type': 'application/json'
            }
        }).then(response => response.json())
          .then(data => resolve(data))
          .catch(error => reject(error));
    });
}

The following error may occur:

The recent update from Angular version 5.2 to 7 has caused issues with Post methods

Answer №1

Similar questions

I am looking to present a nested array within an array in a tabular format

Angular2, multi-functional overlay element that can be integrated with all components throughout the application

Encountered a typing issue with the rowHeight property in Angular Material

Delete the option "x" from the kendo combobox

Ensuring Angular applications can effectively run on Internet Explorer

How can I programmatically trigger the optionSelected event in Angular Material's autocomplete?

The error message "TypeError: text is not a function" is displayed when trying to utilize the text() method from either Blob

Transform object into JSON format

What could be the reason for the absence of a TypeScript error in this situation?

Error message on Cypress with TypeScript: No test specification files detected

Ways to update index.html in Angular 8.3+ based on the current environment settings

An endless loop is occurring, preventing the form control value from being updated using a global service. This results in an error message indicating that the maximum stack size

What is the importance of having a reference path for compiling an AngularJS 2 project using gulp-typescript?

Is there a resource or extension available for identifying design flaws in Typescript code?

Upgrade from Angular 4 to Angular 5 via the Visual Studio template is causing some challenges

Is there a way to define an interface that consists of child objects as the type for a function that uses destructured props?

Creating a sophisticated union type by deriving it from another intricate union type

The feature module does not have visibility of the Behavioral Subject Value during lazy loading

The NGINX reverse proxy fails to forward requests to an Express application

Avoiding the pitfalls of hierarchical dependency injection in Angular 6