Dopo aver installato ng bootstrap e compilato ottengo questo errore

9

ERRORE in node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts: 191: 9 - errore TS1086: un accessor non può essere dichiarato in un contesto ambientale.

191 set ngbPanelToggle (pannello: NgbPanel); ~~~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/checkbox.d.ts: 28: 9 - errore TS1086: un accessor non può essere dichiarato in un contesto ambientale.

28 set focalizzato (isFocused: boolean); ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 14: 9 - errore TS1086: un accessor non può essere dichiarato in un contesto ambientale.

14 get disabled (): booleano; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 15: 9 - errore TS1086: un accessor non può essere dichiarato in un contesto ambientale.

15 set disabilitato (isDisabled: boolean); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 61: 9 - errore TS1086: un accessor non può essere dichiarato in un contesto ambientale.

61 valore impostato (valore: qualsiasi); ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 65: 9 - errore TS1086: un accessor non può essere dichiarato in un contesto ambientale.

65 set disabled (isDisabled: boolean); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 66: 9 - errore TS1086: un accessor non può essere dichiarato in un contesto ambientale.

66 set focalizzato (isFocused: boolean); ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 67: 9 - errore TS1086: un accessor non può essere dichiarato in un contesto ambientale.

67 get checked (): booleano; ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 68: 9 - errore TS1086: un accessor non può essere dichiarato in un contesto ambientale.

68 get disabled (): booleano; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 69: 9 - errore TS1086: un accessor non può essere dichiarato in un contesto ambientale.

69 get value (): any; ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 70: 9 - errore TS1086: un accessor non può essere dichiarato in un contesto ambientale.

70 get nameAttr (): string; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 42: 9 - errore TS1086: un accessor non può essere dichiarato in un contesto ambientale.

42 intervallo impostato (valore: numero); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 43: 9 - errore TS1086: un accessor non può essere dichiarato in un contesto ambientale.

43 get intervallo (): numero; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 47: 9 - errore TS1086: un accessor non può essere dichiarato in un contesto ambientale.

47 set wrap (valore: booleano); ~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 48: 9 - errore TS1086: un accessor non può essere dichiarato in un contesto ambientale.

48 get wrap (): booleano; ~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts [0m: 58: 9 - errore TS1086: un accessor non può essere dichiarato in un contesto ambientale.

58 set pauseOnHover (valore: booleano); ~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 59: 9 - errore TS1086: un accessor non può essere dichiarato in un contesto ambientale.

59 get pauseOnHover (): booleano; ~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-service.d.ts: 16: 9 - errore TS1086: un accessor non può essere dichiarato in un contesto ambientale.

16 ottieni il modello $ (): osservabile; ~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-service.d.ts: 17: 9 - errore TS1086: un accessor non può essere dichiarato in un contesto ambientale.

17 ottieni la data Seleziona $ (): osservabile; ~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker.d.ts: 234: 9 - errore TS1086: un accessor non può essere dichiarato in un contesto ambientale.

234 get state (): NgbDatepickerState; ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker.d.ts: 240: 9 - errore TS1086: un accessor non può essere dichiarato in un contesto ambientale.

240 get calendar (): NgbCalendar; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-input.d.ts: 200: 9 - errore TS1086: un accessor non può essere dichiarato in un contesto ambientale.

200 vengono disabilitati (): qualsiasi; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-input.d.ts: 201: 9 - errorm TS1086: un accessor non può essere dichiarato in un contesto ambientale.

201 set disabilitato (valore: qualsiasi); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-month.d.ts: 26: 9 - errore TS1086: un accessor non può essere dichiarato in un contesto ambientale.

26 mese impostato (mese: NgbDateStruct); ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/dropdown/dropdown.d.ts: 15: 9 - errore TS1086: un accessor non può essere dichiarato in un contesto ambientale.

15 set disabilitato (valore: booleano); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/dropdown/dropdown.d.ts: 16: 9 - errore TS1086: un accessor non può essere dichiarato in un contesto ambientale.

16 get disabled (): booleano; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/modal/modal-ref.d.ts: 40: 9 - errore TS1086: un accessor non può essere dichiarato in un contesto ambientale.

40 get componentInstance (): any; ~~~~~~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/nav/nav.d.ts: 64: 9 - errore TS1086: un accessor non può essere dichiarato in un contesto ambientale.

64 get active (): booleano; ~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/nav/nav.d.ts: 65: 9 - errore TS1086: un accessor non può essere dichiarato in un contesto ambientale.

65 get id (): any; ~~ node_modules/@ng-bootstrap/ng-bootstrap/nav/nav.d.ts: 66: 9 - errore TS1086: un accessor non può essere dichiarato in un contesto ambientale.

66 get panelDomId (): string; ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/progressbar/progressbar.d.ts: 12: 9 - errore TS1086: un accessor non può essere dichiarato in un contesto ambientale.

12 set max (max: numero); ~~~ node_modules/@ng-bootstrap/ng-bootstrap/progressbar/progressbar.d.ts: 13: 9 - errore TS1086: un accessor non può essere dichiarato in un contesto ambientale.

13 get max (): numero; ~~~ node_modules/@ng-bootstrap/ng-bootstrap/tabset/tabset.d.ts: 91: 9 - errore TS1086: un accessor non può essere dichiarato in un contesto ambientale.

91 set justify (className: 'start' | 'center' | 'end' | 'fill' | 'giustificato'); ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 35: 9 - errore TS1086: un accessor non può essere dichiarato in un contesto ambientale.

35 set hourStep (step: number); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 36: 9 - errore TS1086: un accessor non può essere dichiarato in un contesto ambientale.

36 get hourStep (): number; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 40: 9 - errore TS1086: un accessor non può essere dichiarato in un contesto ambientale.

40 set minuteStep (passo: numero); ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 41: 9 - errore TS1086: un accessor non può essere dichiarato in un contesto ambientale.

41 get minuteStep (): numero; ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 45: 9 - errore TS1086: un accessor non può essere dichiarato in un contesto ambientale.

45 set secondStep (step: number); ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 46: 9 - errore TS1086: un accessor non può essere dichiarato in un contesto ambientale.

46 get secondStep (): number; ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 72: 9 - errore TS1086: un accessor non può essere dichiarato in un contesto ambientale.

72 get isSmallSize (): booleano; ~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 73: 9 - errore TS1086: un accessor non può essere dichiarato in un contesto ambientale.

73 get isLargeSize (): boolean; ~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/tooltip/tooltip.d.ts: 100: 9 - errore TS1086: un accessor non può essere dichiarato in un contesto ambientale.

100 set ngbTooltip (valore: stringa | TemplateRef); ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/tooltip/tooltip.d.ts: 101: 9 - errore TS1086: un accessor non può essere dichiarato in un contesto ambientale.

101 get ngbTooltip (): string | TemplateRef;

** Angular Live Development Server è in ascolto su localhost: 4200, apri il browser su http: // localhost: 4200 / ** i ｢wdm｣: compilazione non riuscita.

angular bootstrap-4 ng-bootstrap

— user12942001
fonte

prova ad aggiornare TypeScript all'ultima versione

— prabhatojha il

27

Sostituire @ng-bootstrap / ng-bootstrapin package.jsonquesto:

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

e fai npm i

questo ha funzionato bene per me.

— Sarthak Maheshwari
fonte

questo ha funzionato anche per me. Grazie

— MSV

Sì. Questo lavoro per me dopo il downgrade della versione di ng-bootstrap.

— Akash Gadhiya,

1

Risolto anche per me. I documenti dicono che ng-bootstrap 6 è per Angular 9 (sono su 8). Ho pensato che sarebbe stato retrocompatibile - suppongo di no :)

— Simon Storr il

Ha funzionato anche per me

— Sajeer Babu il

1

Avevo installato Angular 7, quindi ho dovuto sostituire in questo modo: "@ ng-bootstrap / ng-bootstrap": "^ 4.2.1". La tabella di compatibilità è in questa pagina: ng-bootstrap.github.io/#/getting-started

— Celso Soares

4

Ho avuto lo stesso problema quando ho provato a installare ng-bootstrap all'inizio, forse la mia risoluzione dei problemi può darti un'idea.

Ho risolto questo problema aggiornando angular e l'interfaccia della riga di comando usando:

ng update @angular/cli @angular/core

Quindi ha installato il pacchetto bootstrap tramite NPM (nel caso in cui sia stato ignorato durante l'installazione)

npm install bootstrap

successivamente ho installato ng-bootstrap

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

dopo tutto, l'app è stata lanciata, ma era vuota! così ho controllato la console e c'era un messaggio che diceva che dovevo aggiungere localizza con il seguente comando:

ng add @angular/localize

Dopo questi passaggi ho avuto la mia app angolare installata e funzionante, spero che questo aiuti.

EDIT: inoltre, non dimenticare di includere il riferimento a node_modules / bootstrap / dist / css / bootstrap.min.css nel tuo file angular.json

— Mario Perez
fonte

lo stesso problema persiste ancora.

— Anonim il

potresti condividere le tue versioni angolari, bootstrap e ng-bootstrap? o un repo del tuo progetto forse

— Mario Perez,

1

Sì, questo funziona per me. È necessario l'aggiornamento per aggiornare angolare alla versione 9+. ng add @ angular / localize è necessario se si utilizza ng-bootstrap> = v6 e angolare> v9.

— Yura Galavay,

Anche se ho finito per usare angolare / materiale, il processo di installazione è stato simile poiché ho dimenticato di impegnare o riporre l'aggiornamento angolare.

— Mario Perez,

1

L'aggiornamento della versione angolare wo 9+ mi aiuterà. Ngbootstrap 6+ richiede la versione angolare 9+

— Rats Tyagi

4

Risposta breve (se si esegue Angular 8) :
Nel progetto, eseguire il comando seguente sul cli: npm install @ng-bootstrap/ng-bootstrap@5.3.0

Risposta lunga:
controlla la versione del tuo progetto angolare e assicurati di installare la versione di NgBootstrap compatibile con il tuo progetto angolare.

Dai un'occhiata alle dipendenze:
https://ng-bootstrap.github.io/#/getting-started

Puoi controllare la versione di angular usando il cli: ng versionoppure controlla il tuo file package.json.

— Oscar
fonte

sì, funziona. grazie

— Daya Stark

2

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

Sostituisci @ ng-bootstrap / ng-bootstrap in package.json con la sezione sopra. Funzionerà.

— Anonim
fonte

1

Problema:

ERRORE in node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts: 191: 9 - errore TS1086: un accessor non può essere dichiarato in un contesto ambientale. ** e così via .....

Soluzione

Cambia @ ng-bootstrap / ng-bootstrap in package.json con queste dipendenze:

   "dependencies": {

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

— Soft Dev Ahmad yar khan
fonte

1

Possiamo raggiungere questo obiettivo in due modi.

modo 1:

step-1 Apri il angular.jsonfile e effettua il downgrade della versione di ng-bootstarp come segue

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

passaggio 2 npm i

Modo 2:

correre ng add @angular/localize

uno dei due modi risolverà il problema.

— Anand Raja
fonte

0

Ho anche lo stesso problema da risolvere

ng add @ng-bootstrap/schematics

— ChandramouliS
fonte

0

Per la mia app Angular 8, ho usato questa versione di dipendenza: "@ ng-bootstrap / ng-bootstrap": "~ 5.3.0"

L'uso della 5.2.2 come menzionato in precedenza, non ha funzionato per me. Alcuni attributi di tag come cardClass (Ex :)<ngb-panel [disabled]="disabled" [cardClass] ...> sono supportati a partire dalla 5.3.0.

Devi anche eseguire il comando npm icome indicato nelle risposte precedenti.

— Youness Marhrani
fonte

0

Basta eseguire il downgrade del pacchetto ng-bootstrap

npm i @ng-bootstrap/ng-bootstrap@5.3.0

— Chedli Maaloul
fonte