Depois de instalar o ng bootstrap e compilar, recebo este erro

9

ERRO no node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts: 191: 9 - erro TS1086: Um acessador não pode ser declarado em um contexto de ambiente.

191 set ngbPanelToggle (painel: NgbPanel); ~~~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/checkbox.d.ts: 28: 9 - erro TS1086: Um acessador não pode ser declarado em um contexto de ambiente.

28 conjunto focado (isFocused: boolean); ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 14: 9 - erro TS1086: Um acessador não pode ser declarado em um contexto ambiental.

14 fica desativado (): booleano; ~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 15: 9 - erro TS1086: Um acessador não pode ser declarado em um contexto ambiental.

15 conjunto desativado (isDisabled: boolean); ~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 61: 9 - erro TS1086: Um acessador não pode ser declarado em um contexto ambiental.

61 valor definido (valor: qualquer); ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 65: 9 - erro TS1086: Um acessador não pode ser declarado em um contexto de ambiente.

Conjunto 65 desativado (isDisabled: boolean); ~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 66: 9 - erro TS1086: Um acessador não pode ser declarado em um contexto de ambiente.

66 conjunto focado (isFocused: boolean); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 67: 9 - erro TS1086: Um acessador não pode ser declarado em um contexto de ambiente.

67 é verificado (): booleano; ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 68: 9 - erro TS1086: Um acessador não pode ser declarado em um contexto ambiental.

68 desabilitado (): booleano; ~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 69: 9 - erro TS1086: Um acessador não pode ser declarado em um contexto ambiental.

69 get value (): qualquer; ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 70: 9 - erro TS1086: Um acessador não pode ser declarado em um contexto de ambiente.

70 get nameAttr (): string; ~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 42: 9 - erro TS1086: Um acessador não pode ser declarado em um contexto ambiental.

42 intervalo definido (valor: número); ~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 43: 9 - erro TS1086: Um acessador não pode ser declarado em um contexto de ambiente.

43 get interval (): number; ~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 47: 9 - erro TS1086: Um acessador não pode ser declarado em um contexto de ambiente.

47 set wrap (valor: booleano); ~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 48: 9 - erro TS1086: Um acessador não pode ser declarado em um contexto de ambiente.

48 get wrap (): booleano; ~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts [0m: 58: 9 - erro TS1086: Um acessador não pode ser declarado em um contexto ambiental.

58 definir pauseOnHover (valor: booleano); ~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 59: 9 - erro TS1086: Um acessador não pode ser declarado em um contexto ambiente.

59 get pauseOnHover (): booleano; ~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-service.d.ts: 16: 9 - erro TS1086: Um acessador não pode ser declarado em um contexto de ambiente.

16 obter modelo $ (): observável; ~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-service.d.ts: 17: 9 - erro TS1086: Um acessador não pode ser declarado em um contexto de ambiente.

17 get dateSelect $ (): Observável; ~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker.d.ts: 234: 9 - erro TS1086: Um acessador não pode ser declarado em um contexto de ambiente.

234 get state (): NgbDatepickerState; ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker.d.ts: 240: 9 - erro TS1086: Um acessador não pode ser declarado em um contexto de ambiente.

240 obter calendário (): NgbCalendar; ~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-input.d.ts: 200: 9 - erro TS1086: Um acessador não pode ser declarado em um contexto de ambiente.

200 ficam desativados (): qualquer; ~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-input.d.ts: 201: 9 - errorm TS1086: Um acessador não pode ser declarado em um contexto de ambiente.

201 conjunto desativado (valor: qualquer); ~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-month.d.ts: 26: 9 - erro TS1086: Um acessador não pode ser declarado em um contexto de ambiente.

26 meses definidos (mês: NgbDateStruct); ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/dropdown/dropdown.d.ts: 15: 9 - erro TS1086: Um acessador não pode ser declarado em um contexto ambiental.

Conjunto 15 desativado (valor: booleano); ~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/dropdown/dropdown.d.ts: 16: 9 - erro TS1086: Um acessador não pode ser declarado em um contexto de ambiente.

16 fica desativado (): booleano; ~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/modal/modal-ref.d.ts: 40: 9 - erro TS1086: Um acessador não pode ser declarado em um contexto de ambiente.

40 get componentInstance (): any; ~~~~~~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/nav/nav.d.ts: 64: 9 - erro TS1086: Um acessador não pode ser declarado em um contexto ambiental.

64 fique ativo (): booleano; ~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/nav/nav.d.ts: 65: 9 - erro TS1086: Um acessador não pode ser declarado em um contexto de ambiente.

65 get id (): qualquer; ~~ node_modules/@ng-bootstrap/ng-bootstrap/nav/nav.d.ts: 66: 9 - erro TS1086: Um acessador não pode ser declarado em um contexto de ambiente.

66 get panelDomId (): string; ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/progressbar/progressbar.d.ts: 12: 9 - erro TS1086: Um acessador não pode ser declarado em um contexto ambiental.

12 set max (max: número); ~~~ node_modules/@ng-bootstrap/ng-bootstrap/progressbar/progressbar.d.ts: 13: 9 - erro TS1086: Um acessador não pode ser declarado em um contexto de ambiente.

13 get max (): número; ~~~ node_modules/@ng-bootstrap/ng-bootstrap/tabset/tabset.d.ts: 91: 9 - erro TS1086: Um acessador não pode ser declarado em um contexto ambiental.

91 set justify (className: 'start' | 'center' | 'end' | 'fill' | 'justified'); ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 35: 9 - erro TS1086: Um acessador não pode ser declarado em um contexto de ambiente.

35 set hourStep (passo: número); ~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 36: 9 - erro TS1086: Um acessador não pode ser declarado em um contexto de ambiente.

36 get hourStep (): número; ~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 40: 9 - erro TS1086: Um acessador não pode ser declarado em um contexto de ambiente.

40 set minuteStep (passo: número); ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 41: 9 - erro TS1086: Um acessador não pode ser declarado em um contexto de ambiente.

41 get minuteStep (): número; ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 45: 9 - erro TS1086: Um acessador não pode ser declarado em um contexto de ambiente.

45 set secondStep (passo: número); ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 46: 9 - erro TS1086: Um acessador não pode ser declarado em um contexto de ambiente.

46 get secondStep (): número; ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 72: 9 - erro TS1086: Um acessador não pode ser declarado em um contexto de ambiente.

72 get isSmallSize (): booleano; ~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 73: 9 - erro TS1086: Um acessador não pode ser declarado em um contexto de ambiente.

73 get isLargeSize (): booleano; ~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/tooltip/tooltip.d.ts: 100: 9 - erro TS1086: Um acessador não pode ser declarado em um contexto ambiental.

100 set ngbTooltip (valor: string | TemplateRef); ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/tooltip/tooltip.d.ts: 101: 9 - erro TS1086: Um acessador não pode ser declarado em um contexto ambiental.

101 get ngbTooltip (): string | TemplateRef;

** O Angular Live Development Server está escutando no localhost: 4200, abra o navegador em http: // localhost: 4200 / ** i 「wdm」: falha ao compilar.

user12942001
fonte
tente atualizar o TypeScript para a versão mais recente
prabhatojha

Respostas:

27

Substituir @ng-bootstrap / ng-bootstrapno package.jsoncom este:

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

e fazer npm i

isso funcionou bem pra mim.

Sarthak Maheshwari
fonte
isso funcionou para mim também. obrigado
MSV
Sim. Este trabalho para mim após o downgrade da versão ng-bootstrap.
Akash Gadhiya
11
Corrigido para mim também. Os documentos dizem que o ng-bootstrap 6 é para o Angular 9 (eu estou no 8). Presumi que seria compatível com versões anteriores - acho que não :)
Simon Storr
Trabalhou para mim também
Sajeer Babu 07/04
11
Eu tinha instalado o Angular 7, então tive que substituir assim: "@ ng-bootstrap / ng-bootstrap": "^ 4.2.1". A tabela de compatibilidade está nesta página: ng-bootstrap.github.io/#/getting-started
Celso Soares
4

Tive o mesmo problema ao tentar instalar o ng-bootstrap primeiro, talvez minha solução de problemas possa lhe dar algumas dicas.

Resolvi esse problema atualizando o angular e a CLI usando:

ng update @angular/cli @angular/core

Em seguida, instalou o pacote de auto-inicialização via NPM (caso você o tenha ignorado durante a instalação)

npm install bootstrap

depois eu instalei o ng-bootstrap

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

depois de tudo isso, o aplicativo foi lançado, mas ficou em branco! então verifiquei o console e havia uma mensagem dizendo que eu tinha que adicionar a localização com o seguinte comando:

ng add @angular/localize

Após essas etapas, meu aplicativo angular foi instalado e executado, espero que ajude.

EDIT: também não se esqueça de incluir a referência a node_modules / bootstrap / dist / css / bootstrap.min.css no seu arquivo angular.json

Mario Perez
fonte
o mesmo problema ainda persiste.
Anonim 23/02
você poderia compartilhar suas versões angular, de bootstrap e ng-bootstrap? ou um repo do seu projeto, talvez
Mario Perez
11
Sim, isso funciona para mim. É necessária uma atualização ng para atualizar o angular para a versão 9+. ng add @ angular / localize é necessário se você estiver usando ng-bootstrap> = v6 e angular> v9.
Yura Galavay
Embora eu tenha acabado usando angular / material, o processo de instalação foi semelhante, pois esqueci de confirmar ou ocultar a atualização angular.
Mario Perez
11
Atualizar a versão angular wo 9+ ajudará para mim. Ngbootstrap 6+ precisa da versão angular 9+
Rats Tyagi
4

Resposta curta (se você estiver executando o Angular 8) :
No seu projeto, execute o seguinte comando no cli: npm install @ng-bootstrap/[email protected]

Resposta longa:
verifique a versão do seu projeto angular e instale a versão do NgBootstrap compatível com o seu projeto angular.

Dê uma olhada nas dependências:
https://ng-bootstrap.github.io/#/getting-started

Você pode verificar a versão do angular usando o cli: ng versionou o arquivo package.json.

Oscar
fonte
sim, está funcionando. obrigado
Daya Stark
2
"@ng-bootstrap/ng-bootstrap": "^5.2.2"

Substitua @ ng-bootstrap / ng-bootstrap em package.json pela seção acima. Vai funcionar.

Anonim
fonte
1

Questão:

ERRO no node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts: 191: 9 - erro TS1086: Um acessador não pode ser declarado em um contexto ambiental. ** e assim por diante .....

Solução

Altere @ ng-bootstrap / ng-bootstrap no package.json com estas dependências:

   "dependencies": {

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

Podemos conseguir isso de duas maneiras.

maneira 1:

Etapa 1 Abra o angular.jsonarquivo e faça o downgrade da versão ng-bootstarp da seguinte maneira

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

etapa 2 corrida npm i

Caminho 2:

corre ng add @angular/localize

qualquer uma das maneiras corrigirá seu problema.

Anand Raja
fonte
0

Eu também tenho o mesmo problema a ser resolvido por

ng add @ng-bootstrap/schematics
ChandramouliS
fonte
0

Para meu aplicativo Angular 8, usei esta versão de dependência: "@ ng-bootstrap / ng-bootstrap": "~ 5.3.0"

Usar o 5.2.2, como mencionado anteriormente, não funcionou para mim. Alguns atributos de tag como cardClass (Ex :)<ngb-panel [disabled]="disabled" [cardClass] ...> são suportados a partir do 5.3.0.

Você também deve executar o comando npm iconforme mencionado nas respostas anteriores.

Youness Marhrani
fonte