ng-bootstrap - Kolotoč nefunguje - hranatý, bootstrap-4, karusel, ng-bootstrap

Testujem všetky komponenty na ng-bootstrap az nejakého dôvodu dokážem uviesť karusel do prevádzky. Všetky ostatné komponenty ng-bootstrap fungujú úplne dobre. Po zadaní kódu z https://ng-bootstrap.github.io/#/components/carousel/examples, Pri kontrole výsledkov sa zobrazuje biela obrazovka.

Toto je chybové hlásenie, ktoré je v konzole.

Error: StaticInjectorError(AppModule)[AppComponent -> HttpClient]:
StaticInjectorError(Platform: core)[AppComponent -> HttpClient]:
NullInjectorError: No provider for HttpClient!
at _NullInjector.get (core.js:1002)
at resolveToken (core.js:1300)
at tryResolveToken (core.js:1242)
at StaticInjector.get (core.js:1110)
at resolveToken (core.js:1300)
at tryResolveToken (core.js:1242)
at StaticInjector.get (core.js:1110)
at resolveNgModuleDep (core.js:10854)
at NgModuleRef_.get (core.js:12087)
at resolveDep (core.js:12577)

Toto je chybové hlásenie, ktoré sa zobrazuje na karte Problémy s kódom VS.

"Identifier "images" is not defined. The component declaration, template variable declarations, and element references do not contain such a member"
at: "31,22"

odpovede:

Táto chyba je vyvolaná, pretože HttpClient je nedostupný a Angular nevie, ako ho vyriešiť.

Ak chcete urobiť HttpClient k dispozícii všade v aplikácii.

1. Otvorte koreňový modul AppModule app.module.ts
2. Importovať HttpClientModule symbol od @angular/common/http
3. Pridajte ho do @NgModule.imports rad

príklad app.module.ts:

import { BrowserModule } from "@angular/platform-browser";
import { NgModule } from "@angular/core";
import { AppComponent } from "./app.component";
import { HttpClientModule } from "@angular/common/http"; // Step 2
import { CarouselModule } from "ngx-bootstrap";

@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
HttpClientModule, // Step 3
CarouselModule.forRoot()
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }

httpClient je to modul, ktorý umožňuje aplikáciám Angular pracovať API Pri práci so službami typu back-end spoločnosť ng-booststrap nevyužíva tento modul, je možné, že táto chyba je spôsobená tým, že používate nejaký externý prostriedok, napriek tomu je to spôsob, ako ho opraviť.

1. Prejdite na modul aplikácie
2. Importujte symbol HttpClientModule z @ angular / common / http
3. Pridajte ho do poľa importov @NgModule

import { BrowserModule } from "@angular/platform-browser";
import { NgModule } from "@angular/core";
import { AppComponent } from "./app.component";
import { HttpClientModule } from "@angular/common/http";
import { CarouselModule } from "ngx-bootstrap";

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

V uhlovom režime musí byť väčšina balíkov importovaná do modulu, ktorý chcete používať, vždy si prečítajte dokumentáciu z balíkov.