I got this error after updating to angular 17:
NG02801: Angular detected that `HttpClient` is not configured to use `fetch` APIs. It's strongly recommended to enable `fetch` for applications that use Server-Side Rendering for better performance and compatibility. To enable `fetch`, add the `withFetch()` to the `provideHttpClient()` call at the root of the application.
I think after coding my services and importing HttpClient via inject functions it reached to this.
NG02801 is not an error but a warning that encourage the developers to enable the fetch implementation of the HttpClient.
To do this, just call provideHttpClient(withFetch()) in your app.config.ts file.
HttpClientModule when you bootstrap an AppModule and provideHttpClient when you bootstrap an AppComponent !
use this
import { provideHttpClient, withFetch } from '@angular/common/http';
export const appConfig: ApplicationConfig = {
providers: [provideHttpClient(withFetch()), provideRouter(routes), provideClientHydration()]
};
If the problem still exists, even if you have included in main.ts or other files.
import { provideHttpClient, withFetch } from "@angular/common/http";
providers : [provideHttpClient(withFetch())]
Keep your server running in a terminal and run your app in other terminal, if the server is present in the same app.
