Angular 6: Http апгрейд

Question

Я пытаюсь отправить запрос http и согласно учебнику я добавил HttpClientModule в app.module.ts, но в консоли браузера появляется ошибка ниже.

Неожиданный модуль «HttpClientModule» объявлен модулем «AppModule».Пожалуйста, добавьте аннотацию @ Pipe / @ Directive / @ Component.

, пожалуйста, помогите.

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';
import { LandingpageComponent } from './landingpage/landingpage.component';
import { HttpClientModule } from '@angular/common/http';

@NgModule({
  declarations: [
    AppComponent,
    LandingpageComponent,
    HttpClientModule
  ],
  imports: [
    BrowserModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Answer 1

Массив

declarations предназначен только для труб, директив и компонентов, необходимо добавить модуль в массив imports

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';
import { LandingpageComponent } from './landingpage/landingpage.component';
import { HttpClientModule } from '@angular/common/http';

@NgModule({
  declarations: [
    AppComponent,
    LandingpageComponent
  ],
  imports: [
    BrowserModule,
    HttpClientModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Answer 2

Переместите модуль из declarations в imports, чтобы устранить эту ошибку.Вы импортируете модули, а не объявляете их.

imports:[BrowserModule, HttpClientModule]

Надеюсь, это поможет!