Après avoir installé ng bootstrap et compilé, j'obtiens cette erreur


9

ERREUR dans node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts: 191: 9 - erreur TS1086: Un accesseur ne peut pas être déclaré dans un contexte ambiant.

191 set ngbPanelToggle (panneau: NgbPanel); ~~~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/checkbox.d.ts: 28: 9 - erreur TS1086: Un accesseur ne peut pas être déclaré dans un contexte ambiant.

28 ensemble focalisé (isFocused: booléen); ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 14: 9 - erreur TS1086: Un accesseur ne peut pas être déclaré dans un contexte ambiant.

14 se désactiver (): booléen; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 15: 9 - erreur TS1086: Un accesseur ne peut pas être déclaré dans un contexte ambiant.

15 set désactivé (isDisabled: boolean); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 61: 9 - erreur TS1086: Un accesseur ne peut pas être déclaré dans un contexte ambiant.

61 valeur de consigne (valeur: quelconque); ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 65: 9 - erreur TS1086: Un accesseur ne peut pas être déclaré dans un contexte ambiant.

65 set désactivé (isDisabled: boolean); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 66: 9 - erreur TS1086: Un accesseur ne peut pas être déclaré dans un contexte ambiant.

66 set focus (isFocused: boolean); ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 67: 9 - erreur TS1086: Un accesseur ne peut pas être déclaré dans un contexte ambiant.

67 faire vérifier (): booléen; ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 68: 9 - erreur TS1086: Un accesseur ne peut pas être déclaré dans un contexte ambiant.

68 se désactiver (): booléen; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 69: 9 - erreur TS1086: Un accesseur ne peut pas être déclaré dans un contexte ambiant.

69 get value (): any; ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 70: 9 - erreur TS1086: Un accesseur ne peut pas être déclaré dans un contexte ambiant.

70 get nameAttr (): chaîne; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 42: 9 - erreur TS1086: Un accesseur ne peut pas être déclaré dans un contexte ambiant.

42 intervalle défini (valeur: nombre); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 43: 9 - erreur TS1086: Un accesseur ne peut pas être déclaré dans un contexte ambiant.

43 get interval (): nombre; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 47: 9 - erreur TS1086: Un accesseur ne peut pas être déclaré dans un contexte ambiant.

47 set wrap (valeur: booléen); ~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 48: 9 - erreur TS1086: Un accesseur ne peut pas être déclaré dans un contexte ambiant.

48 get wrap (): booléen; ~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts [0m: 58: 9 - erreur TS1086: Un accesseur ne peut pas être déclaré dans un contexte ambiant.

58 set pauseOnHover (valeur: booléen); ~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 59: 9 - erreur TS1086: Un accesseur ne peut pas être déclaré dans un contexte ambiant.

59 get pauseOnHover (): booléen; ~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-service.d.ts: 16: 9 - erreur TS1086: Un accesseur ne peut pas être déclaré dans un contexte ambiant.

16 get model $ (): Observable; ~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-service.d.ts: 17: 9 - erreur TS1086: Un accesseur ne peut pas être déclaré dans un contexte ambiant.

17 get dateSelect $ (): Observable; ~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker.d.ts: 234: 9 - erreur TS1086: Un accesseur ne peut pas être déclaré dans un contexte ambiant.

234 get state (): NgbDatepickerState; ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker.d.ts: 240: 9 - erreur TS1086: Un accesseur ne peut pas être déclaré dans un contexte ambiant.

240 get calendar (): NgbCalendar; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-input.d.ts: 200: 9 - erreur TS1086: un accesseur ne peut pas être déclaré dans un contexte ambiant.

200 se désactiver (): tout; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-input.d.ts: 201: 9 - errorm TS1086: Un accesseur ne peut pas être déclaré dans un contexte ambiant.

201 set désactivé (valeur: quelconque); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-month.d.ts: 26: 9 - erreur TS1086: Un accesseur ne peut pas être déclaré dans un contexte ambiant.

26 mois (mois: NgbDateStruct); ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/dropdown/dropdown.d.ts: 15: 9 - erreur TS1086: Un accesseur ne peut pas être déclaré dans un contexte ambiant.

15 set désactivé (valeur: booléen); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/dropdown/dropdown.d.ts: 16: 9 - erreur TS1086: Un accesseur ne peut pas être déclaré dans un contexte ambiant.

16 se désactiver (): booléen; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/modal/modal-ref.d.ts: 40: 9 - erreur TS1086: Un accesseur ne peut pas être déclaré dans un contexte ambiant.

40 get componentInstance (): any; ~~~~~~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/nav/nav.d.ts: 64: 9 - erreur TS1086: un accesseur ne peut pas être déclaré dans un contexte ambiant.

64 devenir actif (): booléen; ~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/nav/nav.d.ts: 65: 9 - erreur TS1086: Un accesseur ne peut pas être déclaré dans un contexte ambiant.

65 get id (): tout; ~~ node_modules/@ng-bootstrap/ng-bootstrap/nav/nav.d.ts: 66: 9 - erreur TS1086: Un accesseur ne peut pas être déclaré dans un contexte ambiant.

66 get panelDomId (): chaîne; ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/progressbar/progressbar.d.ts: 12: 9 - erreur TS1086: Un accesseur ne peut pas être déclaré dans un contexte ambiant.

12 set max (max: nombre); ~~~ node_modules/@ng-bootstrap/ng-bootstrap/progressbar/progressbar.d.ts: 13: 9 - erreur TS1086: Un accesseur ne peut pas être déclaré dans un contexte ambiant.

13 get max (): nombre; ~~~ node_modules/@ng-bootstrap/ng-bootstrap/tabset/tabset.d.ts: 91: 9 - erreur TS1086: Un accesseur ne peut pas être déclaré dans un contexte ambiant.

91 définir justifier (className: 'début' | 'centre' | 'fin' | 'remplir' | 'justifié'); ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 35: 9 - erreur TS1086: Un accesseur ne peut pas être déclaré dans un contexte ambiant.

35 set hourStep (étape: nombre); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 36: 9 - erreur TS1086: Un accesseur ne peut pas être déclaré dans un contexte ambiant.

36 get hourStep (): nombre; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 40: 9 - erreur TS1086: Un accesseur ne peut pas être déclaré dans un contexte ambiant.

40 set minuteStep (étape: nombre); ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 41: 9 - erreur TS1086: Un accesseur ne peut pas être déclaré dans un contexte ambiant.

41 get minuteStep (): nombre; ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 45: 9 - erreur TS1086: un accesseur ne peut pas être déclaré dans un contexte ambiant.

45 set secondStep (étape: nombre); ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 46: 9 - erreur TS1086: Un accesseur ne peut pas être déclaré dans un contexte ambiant.

46 get secondStep (): nombre; ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 72: 9 - erreur TS1086: un accesseur ne peut pas être déclaré dans un contexte ambiant.

72 get isSmallSize (): booléen; ~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 73: 9 - erreur TS1086: un accesseur ne peut pas être déclaré dans un contexte ambiant.

73 get isLargeSize (): booléen; ~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/tooltip/tooltip.d.ts: 100: 9 - erreur TS1086: un accesseur ne peut pas être déclaré dans un contexte ambiant.

100 set ngbTooltip (valeur: chaîne | TemplateRef); ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/tooltip/tooltip.d.ts: 101: 9 - erreur TS1086: un accesseur ne peut pas être déclaré dans un contexte ambiant.

101 get ngbTooltip (): chaîne | TemplateRef;

** Angular Live Development Server écoute sur localhost: 4200, ouvrez votre navigateur sur http: // localhost: 4200 / ** i 「wdm」: Échec de la compilation.


essayez de mettre à niveau TypeScript vers la dernière version
prabhatojha

Réponses:


27

Remplacer @ng-bootstrap / ng-bootstrapdans package.jsonce:

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

et fait npm i

CA marchait bien pour moi.


cela a également fonctionné pour moi. merci
MSV

Ouaip. Cela fonctionne pour moi après avoir rétrogradé la version ng-bootstrap.
Akash Gadhiya

1
Fixé pour moi aussi. Les docs disent que ng-bootstrap 6 est pour Angular 9 (je suis sur 8). J'ai supposé que ce serait rétrocompatible - devinez pas :)
Simon Storr

A aussi fonctionné pour moi
Sajeer Babu

1
J'avais installé Angular 7 donc j'ai dû remplacer comme ceci: "@ ng-bootstrap / ng-bootstrap": "^ 4.2.1". Le tableau de compatibilité est dans cette page: ng-bootstrap.github.io/#/getting-started
Celso Soares

4

J'ai eu le même problème en essayant d'installer ng-bootstrap au début, peut-être que mon dépannage peut vous donner un aperçu.

J'ai résolu ce problème en mettant à jour angular et la CLI en utilisant:

ng update @angular/cli @angular/core

Ensuite, vous avez installé le package de démarrage via NPM (juste au cas où vous l'auriez ignoré lors de l'installation)

npm install bootstrap

après j'ai installé ng-bootstrap

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

après tout cela, l'application a été lancée, mais elle était vide! j'ai donc vérifié la console et il y avait un message disant que je devais ajouter localiser avec la commande suivante:

ng add @angular/localize

Après ces étapes, mon application angulaire était opérationnelle, j'espère que cela vous aidera.

EDIT: n'oubliez pas non plus d'inclure la référence à node_modules / bootstrap / dist / css / bootstrap.min.css dans votre fichier angular.json


le même problème persiste.
Anonim

pourriez-vous partager vos versions angulaire, bootstrap et ng-bootstrap? ou un repo de votre projet peut
Mario Perez

1
Oui, cela fonctionne pour moi. ng update est nécessaire pour mettre à jour angular vers la version 9+. ng add @ angular / localize est nécessaire si vous utilisez ng-bootstrap> = v6 et angular> v9.
Yura Galavay

Bien que j'aie fini par utiliser angular / material, le processus d'installation était similaire car j'ai oublié de valider ou de cacher la mise à jour angular.
Mario Perez

1
La mise à niveau de la version angulaire wo 9+ m'aidera. Ngbootstrap 6+ a besoin de la version angulaire 9+
Rats Tyagi

4

Réponse courte (si vous exécutez Angular 8) :
dans votre projet, exécutez la commande suivante sur le cli: npm install @ng-bootstrap/ng-bootstrap@5.3.0

Réponse longue:
veuillez vérifier la version de votre projet angulaire et assurez-vous d'installer la version NgBootstrap qui est compatible avec votre projet angulaire.

Jetez un œil aux dépendances:
https://ng-bootstrap.github.io/#/getting-started

Vous pouvez vérifier la version d'angular en utilisant le cli: ng versionou vous vérifiez votre fichier package.json.


oui, son fonctionnement. merci
Daya Stark

2
"@ng-bootstrap/ng-bootstrap": "^5.2.2"

Remplacez @ ng-bootstrap / ng-bootstrap dans package.json par la section ci-dessus. Ça va marcher.


1

Problème:

ERREUR dans node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts: 191: 9 - erreur TS1086: Un accesseur ne peut pas être déclaré dans un contexte ambiant. ** et ainsi de suite .....

Solution

Modifiez @ ng-bootstrap / ng-bootstrap dans package.json avec ces dépendances:

   "dependencies": {

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

1

Nous pouvons y parvenir de deux manières.

voie 1:

Étape 1 Ouvrez le angular.jsonfichier et rétrogradez la version ng-bootstarp comme suit

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

étape 2 npm i

Voie 2:

courir ng add @angular/localize

l'une des façons de résoudre votre problème.


0

J'ai également le même problème à résoudre par

ng add @ng-bootstrap/schematics

0

Pour mon application Angular 8, j'ai utilisé cette version de dépendance: "@ ng-bootstrap / ng-bootstrap": "~ 5.3.0"

Utiliser 5.2.2 comme mentionné précédemment, n'a pas fonctionné pour moi. Certains attributs de balise comme cardClass (Ex :)<ngb-panel [disabled]="disabled" [cardClass] ...> sont pris en charge à partir de 5.3.0.

Vous devez également exécuter la commande npm icomme mentionné dans les réponses précédentes.


0

Il suffit de rétrograder le paquet ng-bootstrap

npm i @ng-bootstrap/ng-bootstrap@5.3.0
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.