typescript 模块“”导入了意外的值“”,请添加@NgModule注解

pxq42qpu  于 2022-11-18  发布在  TypeScript
关注(0)|答案(3)|浏览(116)

我正在做这个教程:https://youtu.be/qs2n_poLarc?list=WL,我正在学习离子框架。
问题是教程(从我读到的)有点过时了。视频的作者使用了X11M0N11X,但我在StackOverflow上读到我应该使用X11M1N11X。
问题是当我试图编译代码时,我得到这个错误: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的答案,但我在那里找不到解决方案。

mi7gmzs6

mi7gmzs61#

这意味着它无法将其识别为模块。请尝试以下操作:

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

xhv8bpkk2#

应该是**HttpClientModule**,更改,

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

结束日期

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

确保您已添加

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

toiithl63#

您需要将**HttpClient替换为HttpClientModule,但不要更改import部分。因为HttpClientModule访问HttpClient**的许多部分。

相关问题