The module '@angular/http/src/static_response' or its corresponding type declarations could not be located

Question

The module '@angular/http/src/static_response' or its corresponding type declarations could not be located

I'm encountering an issue in my Angular v12 project where I receive the error message

Cannot find module '@angular/http/src/static_response' or its corresponding type declarations

when I attempt to use the import statement in my code:

import { Response } from "@angular/http/src/static_response";

. Strangely enough, this import statement was functioning correctly in my Angular v4 project.

 getClientMasterData(): Observable<any> {
        return this.http.get(x.getBaseURL() + "/ClientMaster/GetMasterData", this.getHeader.get())
            .pipe(map((response: Response) => <MasterDataModel[]>response.json())
            ,catchError(this.handleError));
    }

Although I am aware that http has been relocated to @angular/common, I am unable to locate either the src folder or the static_response file within @angular/common.

Any assistance in resolving this issue would be greatly appreciated.

angular typescript node-modules

Answer 1

Answer №1

To make the necessary changes, please follow these steps:

Update the import statement from

import { Response } from "@angular/http/src/static_response";

to

import { HttpResponse } from "@angular/common/http";

Change the variable declaration from response: Response to
```
response: HttpResponse<MasterDataModel[]>
```
.

Answer 2

To make the necessary changes, please follow these steps:

Update the import statement from

import { Response } from "@angular/http/src/static_response";

to

import { HttpResponse } from "@angular/common/http";

Change the variable declaration from response: Response to
```
response: HttpResponse<MasterDataModel[]>
```
.

The module '@angular/http/src/static_response' or its corresponding type declarations could not be located

Answer №1

Similar questions

How to incorporate HTML 5 video into your Angular 2 project using Typescript

Tips for Simplifying Complex Switch Cases with Object Literals in TypeScript

Creating composite type guards - passing down properties from the type guard to the calling function

Enhancing view with Typescript progressions

What is the best way to dynamically determine the base path for my templates in Angular 2?

Diverse Options in the Form Generator

An error has occurred: (SystemJS) A request error (404 Not Found) occurred while trying to load ng2-gridstack

Guide to specifying a type as optional based on specific criteria

Exploring the capabilities of Angular2 and Jasmine through testing

Retrieving variables from JavaScript files in TypeScript

Create allowances for specific areas

Is it possible to utilize a const as both an object and a type within TypeScript?

Strategies for evaluating a Promise-returning imported function in Jest

What is the method for executing a custom command within the scope of a tree view item?

How to import a module from the root path using TypeScript in IntelliJ IDEA

Is there a way to verify useFormik functionality while the form is being submitted?

Proper method of retrieving a property as a designated type within a union type

Strategies for redirecting search queries when adding a new path

Transferring information to an Ionic 5 custom element label

Error: Trying to access the 'commit' property of an undefined variable in Angular