web-dev-qa-db-ja.com

モジュール ''によってインポートされた予期しない値 ''。 @NgModuleアノテーションを追加してください

私はこのチュートリアルをやっています: https://youtu.be/qs2n_poLarc?list=WL そしてionic framework。

問題は、チュートリアルが(私が読んだものから)少し古くなっていることです。動画の作成者はimport { HttpModule } from "@angular/http、しかしStackOverflowでimport { HttpClient } from "@angular/common/http";

問題は、コードをコンパイルしようとすると、次のエラーが発生することです:Unexpected value 'HttpClient' imported by the module 'AppModule'. Please add a @NgModule annotation.app.module.tsは次のようになります。

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 {}

ここで何が欠けているのでしょうか? this answerが見つかりましたが、解決策が見つかりません。

8
Alex Ironside

これは、モジュールとして認識されないことを意味します。これを試して:

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

HttpClientModule、Change、

から

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

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

追加したことを確認してください

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

httpClientをHttpClientModuleに置き換え、インポート部分を変更しないでください。 HttpClientModuleはHttpClientの多くの部分にアクセスするため

0
vishal jhorar