Estaba tratando de crear una aplicación simple con crud en un servidor json falso
pero no puedo importar HttpClientModule
Aquí hay un mensaje de error de VS Code :
ERROR in node_modules/@angular/common/http/http.d.ts:2801:22 - error NG6002: Appears in the NgModule.imports of AppModule, but could not be resolved to an NgModule class. This likely means that the library (@angular/common/http) which declares HttpClientModule has not been processed correctly by ngcc, or is not compatible with Angular Ivy. Check if a newer version of the library is available, and update if so. Also consider checking with the library's authors to see if the library is expected to be compatible with Ivy. 2801 export declare class HttpClientModule {Aquí está app.module.ts
import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { AppRoutingModule } from './app-routing.module'; import { AppComponent } from './app.component'; import { EmployeeCreateComponent } from './employee-create/employee-create.component'; import { EmployeeEditComponent } from './employee-edit/employee-edit.component'; import { EmployeeListComponent } from './employee-list/employee-list.component'; import { HttpClientModule } from '@angular/common/http'; @NgModule({ declarations: [ AppComponent, EmployeeCreateComponent, EmployeeEditComponent, EmployeeListComponent ], imports: [ BrowserModule, HttpClientModule, AppRoutingModule ], providers: [], bootstrap: [AppComponent] }) export class AppModule { }aplicación.componente.ts
import { Component } from '@angular/core'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export class AppComponent { title = 'restTest6'; } tenga en cuenta que: no usé HttpClientModule en ningún otro lugar. Importé e hice ng serve -o y obtuve un error. Por favor, señale lo que salió mal
Tuve el mismo problema, simplemente ejecuté el siguiente comando y funcionó sin ningún error.
npm cache verify Si no es así, intente eliminar manualmente la carpeta node_modules y reinstalar los módulos con npm install .
rm -rf node_modules npm install En npm > 6, también puede ejecutar npm ci , que también elimina la carpeta node_modules y reinstala los paquetes después.
Editar Como sugirieron otras respuestas, es posible que deba reiniciar ng serve si los pasos anteriores no funcionan (pero normalmente lo hacen)
simplemente detenga ng serve antes de agregar un nuevo paquete, después de agregar un nuevo paquete, reinicie ng serve. Esto resolverá este problema.
Tuve el mismo problema. Entonces, eliminé manualmente node_modules y luego npm install . Se resolvió ya que este problema se debió a las dependencias corruptas.
Primero deja de servir y ejecuta estos comandos...
npm cache verify rm -rf node_modules npm installDespués de la instalación, construya y ejecute su proyecto usando los comandos
ng build ng serveA mi me funciono y soluciono el problema...
En mi caso, cerré VS Code, volví a abrir el proyecto e hice 'ng serve'. Funcionó.
Puede agregar este HttpClientModule a las importaciones en app.component.ts .
imports: [HttpClientModule]En primer lugar, solo necesita eliminar la carpeta de módulos de nodo y luego actualizar el npm usando el comando
npm i -g npm
Luego, debe compilar su proyecto para el mantenimiento del proyecto angulare, que se puede realizar mediante el comando
construir
entonces podrá servir o alojar el proyecto escribiendo el comando g
ng servir
Resolví este problema usando los siguientes pasos
En mi caso, estaba haciendo algunas pruebas unitarias y agregué HttpModule en el archivo app.module.ts en la sección de importaciones. Para resolver este problema, simplemente eliminé la importación HttpModule del módulo de la aplicación y solucioné el error.
// app.module.ts @NgModule({ declarations: [AppComponent, ...], imports: [ // Removed from here <-- ...