Angular: ошибка импорта HttpClientModule (не может быть разрешена в классе NgModule)

Question

Я пытался создать простое приложение с crud на поддельном json сервере

, но я не могу импортировать HttpClientModule

Вот сообщение об ошибке от VS Код :

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 {

Вот 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 { }

app.module.ts

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'restTest6';
}

обратите внимание: я не использовал HttpClientModule где-либо еще. Я импортировал и сделал ng serve -o и получил ошибку. Пожалуйста, укажите, что пошло не так

Answer 1

У меня была такая же проблема, я просто запустил следующую команду, и она работала после безо всякой ошибки.

npm cache verify

Если это не так, попробуйте вручную удалить папку node_modules и переустановить модули с npm install.

rm -rf node_modules
npm install

На npm> 6 вы также можете запустить npm ci, который также удаляет папку node_modules и переустанавливает пакеты после.

Answer 2

просто остановите ng serve перед добавлением нового пакета, после добавления нового пакета перезапустите ng serve. Это решит эту проблему.