javascript - Moduuli ' ' on tuonut odottamattoman arvon ' '. Lisääthän @NgModule-annotaation


Teen tätä opetusohjelmaa: https://youtu.be/qs2n_poLarc?list=WL ja yritän oppia Ionic-kehystä.

Ongelmana on, että opetusohjelma on (lukemani mukaan) hieman vanhentunut. Videon tekijä käytti import { HttpModule } from "@angular/http, mutta luin StackOverflow'sta, että minun tulisi käyttää import { HttpClient } from "@angular/common/http";.

Ongelmana on, että kun yritän koodin kääntämistä, saan tämän virheen: Unexpected value 'HttpClient' imported by the module 'AppModule'. Please add a @NgModule annotation.. Nyt minulla ei ole aavistustakaan, mihin sen pitäisi lisätä, koska minun app.module.ts näyttää tältä:

import { NgModule, ErrorHandler } from "@angular/core";
import { BrowserModule } from "@angular/platform-browser";
import { IonicApp, IonicModule, IonicErrorHandler } from "ionic-angular";
import { MyApp } from "./app.component";
import { HttpClient } from "@angular/common/http";

import { AboutPage } from "../pages/about/about";
import { ContactPage } from "../pages/contact/contact";
import { HomePage } from "../pages/home/home";
import { TabsPage } from "../pages/tabs/tabs";
import { SettingsPage } from "../pages/settings/settings";

import { StatusBar } from "@ionic-native/status-bar";
import { SplashScreen } from "@ionic-native/splash-screen";
import { WeatherProvider } from "../providers/weather/weather";

@NgModule({
  declarations: [
    MyApp,
    AboutPage,
    ContactPage,
    HomePage,
    TabsPage,
    SettingsPage
  ],
  imports: [BrowserModule, IonicModule.forRoot(MyApp), HttpClient], //Added it right here
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
    AboutPage,
    ContactPage,
    HomePage,
    TabsPage,
    SettingsPage
  ],
  providers: [
    StatusBar,
    SplashScreen,
    { provide: ErrorHandler, useClass: IonicErrorHandler },
    WeatherProvider,
    HttpClient
  ]
})
export class AppModule {}

Onko sinulla aavistustakaan, mitä minulta puuttuu tässä? Löysin tämän vastauksen, mutta en löydä ratkaisua sieltä.

Vastaus #1

Se tarkoittaa, että se ei tunnista sitä moduulina. Kokeile tätä:

import {HttpClientModule} from '@angular/common/http';

Vastaus #2

Sen pitäisi olla HttpClientModule, Vaihda,

Mistä

imports: [BrowserModule, IonicModule.forRoot(MyApp), HttpClient],

Kahdelle

imports: [BrowserModule, IonicModule.forRoot(MyApp), HttpClientModule],

varmista, että olet lisännyt

import { HttpClientModule, HttpClient } from '@angular/common/http';

Aiheeseen liittyviä artikkeleita