Typescript error: RequestInit not properly initialized

Question

Typescript error: RequestInit not properly initialized

I'm encountering an issue while using fetch to call an API in a typescript file. The browser is throwing an error stating that const configInit must be initialized, even though I believe it is already. Any suggestions on how to resolve this? Thank you for your help.

    const authHeader = new Headers();
    authHeader.append('Authorization', `Bearer ${token}`);

    const configInit : RequestInit = {
        method: 'GET',
        headers: authHeader,
        cache: 'default'
    };

    const configRequest = new Request('/api/econfig', configInit);

typescript constants fetch

Answer 1

Answer №1

Try using the fetch method directly instead of wrapping it in a new Request(..) block. This will simplify your code and return a Promise.

const headers = new Headers();
headers.append('Authorization', `Bearer ${token}`);

const options : RequestInit = {
    method: 'GET',
    headers,
    cache: 'default'
};

const response: Promise<Response> = fetch('/api/econfig', options);

Answer 2

Try using the fetch method directly instead of wrapping it in a new Request(..) block. This will simplify your code and return a Promise.

const headers = new Headers();
headers.append('Authorization', `Bearer ${token}`);

const options : RequestInit = {
    method: 'GET',
    headers,
    cache: 'default'
};

const response: Promise<Response> = fetch('/api/econfig', options);

Typescript error: RequestInit not properly initialized

Answer №1

Similar questions

What role does the @Input statement in the HeroDetailComponent class serve in the Angular 2 Quickstart tutorial?

If the input is unmounted in react-hook-form, the values from the first form may disappear

Encountering null injector errors when running ng test on an Angular application

Utilizing Angular Ionic to Extract and Showcase Information Derived from Other Data

Invoking a parent method from a child component in a TypeScript and React application

how to verify if a variable exists in TypeScript

Encountering Error TS2411 when upgrading from Typescript version 1.0.0 to 1.1.0-1

Encountering a 500 (Internal Server Error) while attempting to fetch a single document from MongoDB without utilizing the

The mat-slide-toggle component does not recognize the checked binding

Developing an Angular 2 Cordova plugin

Ways to sign up for the activeDate variable in MatCalendar so you can display the month and year labels of the current active date in the

Can you tell me the data type of IconButtons in Material UI when using TypeScript?

Angular2- Techniques for exchanging data between isolated components

"Encountered a runtime error while trying to execute the doubleClick() function using Pro

Creating a singleton in TypeScriptWould you like to know how to declare a singleton in

A guide on applying color from an API response to the border-color property in an Angular application

Leveraging Expose in combination with class-transformer

Since transitioning my project from Angular 7.2 to Angular 8, I noticed a significant threefold increase in compile time. How can I go about resolving this issue

Cannot use a 'string' type expression to index a 'Request<ParamsDictionary, any, any, Query>' type

TypeScript: defining a custom type with a collection of properties following a consistent pattern