Nachdem ich ng bootstrap installiert und kompiliert habe, erhalte ich diesen Fehler

9

FEHLER in node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts: 191: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden.

191 set ngbPanelToggle (Panel: NgbPanel); ~~~~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/checkbox.d.ts: 28: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden.

28 set fokussiert (isFocused: boolean); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 14: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden.

14 get disabled (): boolean; ~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 15: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden.

15 set disabled (isDisabled: boolean); ~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 61: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden.

61 Sollwert (Wert: beliebig); ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 65: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden.

65 set disabled (isDisabled: boolean); ~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 66: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden.

66 set fokussiert (isFocused: boolean); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 67: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden.

67 get check (): boolean; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 68: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden.

68 get disabled (): boolean; ~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 69: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden.

69 get value (): any; ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 70: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden.

70 get nameAttr (): string; ~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 42: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden.

42 Intervall einstellen (Wert: Zahl); ~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 43: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden.

43 get interval (): number; ~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 47: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden.

47 set wrap (Wert: boolean); ~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 48: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden.

48 get wrap (): boolean; ~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts [0m: 58: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden.

58 set pauseOnHover (Wert: boolean); ~~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 59: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden.

59 get pauseOnHover (): boolean; ~~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-service.d.ts: 16: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden.

16 get model $ (): Observable; ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-service.d.ts: 17: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden.

17 get dateSelect $ (): Observable; ~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker.d.ts: 234: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden.

234 get state (): NgbDatepickerState; ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker.d.ts: 240: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden.

240 get calendar (): NgbCalendar; ~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-input.d.ts: 200: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden.

200 werden deaktiviert (): beliebig; ~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-input.d.ts: 201: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden.

201 set deaktiviert (Wert: beliebig); ~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-month.d.ts: 26: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden.

26 festgelegter Monat (Monat: NgbDateStruct); ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/dropdown/dropdown.d.ts: 15: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden.

15 set disabled (Wert: boolean); ~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/dropdown/dropdown.d.ts: 16: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden.

16 get disabled (): boolean; ~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/modal/modal-ref.d.ts: 40: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden.

40 get componentInstance (): any; ~~~~~~~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/nav/nav.d.ts: 64: 9 - Fehler TS1086: Ein Accessor kann nicht in einem deklariert werden Umgebungskontext.

64 get active (): boolean; ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/nav/nav.d.ts: 65: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden.

65 get id (): any; ~~ node_modules/@ng-bootstrap/ng-bootstrap/nav/nav.d.ts: 66: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden.

66 get panelDomId (): string; ~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/progressbar/progressbar.d.ts: 12: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden.

12 max einstellen (max: Anzahl); ~~~ node_modules/@ng-bootstrap/ng-bootstrap/progressbar/progressbar.d.ts: 13: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden.

13 get max (): number; ~~~ node_modules/@ng-bootstrap/ng-bootstrap/tabset/tabset.d.ts: 91: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden.

91 set adjust (className: 'start' | 'center' | 'end' | 'fill' | 'gerechtfertigt'); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 35: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden.

35 set hourStep (Schritt: Nummer); ~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 36: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden.

36 get hourStep (): number; ~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 40: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden.

40 set minuteStep (Schritt: Nummer); ~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 41: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden.

41 get minuteStep (): number; ~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 45: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden.

45 set secondStep (Schritt: Nummer); ~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 46: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden.

46 get secondStep (): number; ~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 72: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden.

72 get isSmallSize (): boolean; ~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 73: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden.

73 get isLargeSize (): boolean; ~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/tooltip/tooltip.d.ts: 100: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden.

100 set ngbTooltip (Wert: string | TemplateRef); ~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/tooltip/tooltip.d.ts: 101: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden.

101 get ngbTooltip (): string | TemplateRef;

** Angular Live Development Server überwacht localhost: 4200, öffnen Sie Ihren Browser unter http: // localhost: 4200 / ** i 「wdm」: Kompilierung fehlgeschlagen.

user12942001
quelle
Versuchen Sie, TypeScript auf die neueste Version zu
aktualisieren

Antworten:

27

Ersetzen Sie @ng-bootstrap / ng-bootstrapin package.jsonmit diesem:

"@ng-bootstrap/ng-bootstrap": "~5.2.2"

und TU npm i

Das hat gut funktioniert für mich.

Sarthak Maheshwari
quelle
Das hat auch bei mir funktioniert. Danke
MSV
Jep. Dies funktioniert für mich nach dem Downgrade der ng-bootstrap-Version.
Akash Gadhiya
1
Für mich auch behoben. Die Dokumente sagen, dass ng-bootstrap 6 für Angular 9 ist (ich bin auf 8). Ich nahm an, dass es abwärtskompatibel wäre - denke nicht :)
Simon Storr
Arbeitete auch für mich
Sajeer Babu
1
Ich hatte Angular 7 installiert und musste es wie folgt ersetzen: "@ ng-bootstrap / ng-bootstrap": "^ 4.2.1". Die Kompatibilitätstabelle befindet sich auf dieser Seite: ng-bootstrap.github.io/#/getting-started
Celso Soares
4

Ich hatte das gleiche Problem, als ich zuerst versuchte, ng-bootstrap zu installieren. Vielleicht kann Ihnen meine Fehlerbehebung einen Einblick geben.

Ich habe dieses Problem behoben, indem ich Angular und die CLI mithilfe von:

ng update @angular/cli @angular/core

Installieren Sie dann das Bootstrap-Paket über NPM (nur für den Fall, dass Sie es während der Installation übersprungen haben).

npm install bootstrap

danach habe ich ng-bootstrap installiert

npm install --save @ng-bootstrap/ng-bootstrap

Nach all dem startete die App, aber sie war leer! Also überprüfte ich die Konsole und es gab eine Meldung, dass ich localize mit dem folgenden Befehl hinzufügen musste:

ng add @angular/localize

Nach diesen Schritten hatte ich meine eckige App zum Laufen gebracht, hoffe das hilft.

BEARBEITEN: Vergessen Sie auch nicht, den Verweis auf node_modules / bootstrap / dist / css / bootstrap.min.css in Ihre Datei angle.json aufzunehmen

Mario Perez
quelle
Das gleiche Problem besteht weiterhin.
Anonim
Könnten Sie Ihre Winkel-, Bootstrap- und ng-Bootstrap-Versionen teilen? oder vielleicht ein Repo Ihres Projekts
Mario Perez
1
Ja, das funktioniert bei mir. ng update ist erforderlich, um Angular auf Version 9+ zu aktualisieren. ng add @ angle / localize ist erforderlich, wenn Sie ng-bootstrap> = v6 und angle> v9 verwenden.
Yura Galavay
Obwohl ich letztendlich Angular / Material verwendet habe, war der Installationsprozess ähnlich, da ich vergessen habe, das Angular-Update festzuschreiben oder zu speichern.
Mario Perez
1
Das Aktualisieren der Winkelversion wo 9+ wird mir helfen. Ngbootstrap 6+ benötigt eckige Version 9+
Rats Tyagi
4

Kurze Antwort (wenn Sie Angular 8
ausführen ) : Führen Sie in Ihrem Projekt den folgenden Befehl auf der CLI aus: npm install @ng-bootstrap/[email protected]

Lange Antwort:
Bitte überprüfen Sie die Version Ihres Winkelprojekts und stellen Sie sicher, dass Sie die NgBootstrap-Version installieren, die mit Ihrem Winkelprojekt kompatibel ist.

Schauen Sie sich die Abhängigkeiten an:
https://ng-bootstrap.github.io/#/getting-started

Sie können die Version von ng versionAngular mit der Datei cli: oder in der Datei package.json überprüfen.

Oscar
quelle
Ja, es funktioniert. danke
Daya Stark
2
"@ng-bootstrap/ng-bootstrap": "^5.2.2"

Ersetzen Sie @ ng-bootstrap / ng-bootstrap in package.json durch den obigen Abschnitt. Es wird klappen.

Anonim
quelle
1

Problem:

FEHLER in node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts: 191: 9 - Fehler TS1086: Ein Accessor kann nicht in einem Umgebungskontext deklariert werden. ** und so weiter .....

Lösung

Ändern Sie @ ng-bootstrap / ng-bootstrap in package.json mit den folgenden Abhängigkeiten:

   "dependencies": {

    "@ng-bootstrap/ng-bootstrap": "~5.2.2
Soft Dev Ahmad yar khan
quelle
1

Wir können dies auf zwei Arten erreichen.

Weg 1:

Schritt 1 Öffnen Sie die angular.jsonDatei und führen Sie ein Downgrade der ng-bootstarp-Version wie folgt durch

"@ng-bootstrap/ng-bootstrap": "~5.2.2"

Schritt 2 ausführen npm i

Weg 2:

Lauf ng add @angular/localize

Eine der beiden Möglichkeiten behebt Ihr Problem.

Anand Raja
quelle
0

Ich habe auch das gleiche Problem zu lösen

ng add @ng-bootstrap/schematics
ChandramouliS
quelle
0

Für meine Angular 8-App habe ich diese Abhängigkeitsversion verwendet: "@ ng-bootstrap / ng-bootstrap": "~ 5.3.0"

Die Verwendung von 5.2.2, wie bereits erwähnt, hat bei mir nicht funktioniert. Einige Tag-Attribute wie cardClass (Bsp. :)<ngb-panel [disabled]="disabled" [cardClass] ...> werden ab 5.3.0 unterstützt.

Sie müssen den Befehl auch npm iwie in den vorherigen Antworten erwähnt ausführen .

Youness Marhrani
quelle