NullInjectorError: R3InjectorError

im working in a personal project, using angular, but i receive non stopping error like this.

NullInjectorError: R3InjectorError(Environment Injector)[_HttpClient->_HttpClient]: NullInjectorError: No provider for _HttpClient!

i dont know what happen, but my app.config.ts is this:

import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core'; import { provideRouter } from '@angular/router'; import { routes } from './app.routes'; import { provideClientHydration, withEventReplay } from '@angular/platform-browser'; export const appConfig: ApplicationConfig = { providers: [provideZoneChangeDetection({ eventCoalescing: true }), provideRouter(routes), provideClientHydration(withEventReplay())] };

my others components ts (menu-nav.component.ts) (app.config.ts) (main.ts):


import { Component, OnInit, Renderer2, ElementRef, HostListener } from '@angular/core';
import { HttpClient } from '@angular/common/http';

interface Traducciones {
[key: string]: {
inicio: string;
productos: string;
contacto: string;
};
}

@Component({
selector: 'menu-nav',
templateUrl: './menu-nav.component.html',
styleUrls: ['./menu-nav.component.scss'],
standalone: true,
})
export class MenuNavComponent implements OnInit {
idiomaActual: string = 'es';
traducciones: Traducciones = {};

constructor(private http: HttpClient, private renderer: Renderer2, private el: ElementRef) {}


import { Component } from '@angular/core';
import { MenuNavComponent } from './menu-nav/menu-nav.component';

@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss'],
standalone: true,
imports: [MenuNavComponent],
})
export class AppComponent {}


import { bootstrapApplication } from '@angular/platform-browser';
import { AppComponent } from './app/app.component';
import { provideHttpClient } from '@angular/common/http';

bootstrapApplication(AppComponent, {
providers: [provideHttpClient()],
}).catch((err) => console.error(err));

Continue reading...