Después de instalar ng bootstrap y compilar me sale este error

9

ERROR en node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts: 191: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental.

191 set ngbPanelToggle (panel: NgbPanel); ~~~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/checkbox.d.ts: 28: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental.

28 conjunto enfocado (isFocused: boolean); ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 14: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental.

14 get disabled (): boolean; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 15: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental.

15 set deshabilitado (isDisabled: boolean); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 61: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental.

61 valor establecido (valor: cualquiera); ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 65: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental.

65 set deshabilitado (isDisabled: boolean); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 66: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental.

66 conjunto enfocado (isFocused: boolean); ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 67: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental.

67 se comprueban (): boolean; ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 68: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental.

68 get disabled (): boolean; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 69: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental.

69 obtener valor (): cualquiera; ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 70: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental.

70 get nameAttr (): cadena; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 42: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental.

42 establecer intervalo (valor: número); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 43: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental.

43 obtener intervalo (): número; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 47: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental.

47 set wrap (valor: booleano); ~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 48: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental.

48 get wrap (): boolean; ~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts [0m: 58: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental.

58 set pauseOnHover (valor: booleano); ~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 59: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental.

59 get pauseOnHover (): boolean; ~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-service.d.ts: 16: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental.

16 get model $ (): Observable; ~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-service.d.ts: 17: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental.

17 get dateSelect $ (): Observable; ~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker.d.ts: 234: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental.

234 get state (): NgbDatepickerState; ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker.d.ts: 240: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental.

240 obtener calendario (): NgbCalendar; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-input.d.ts: 200: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental.

200 se deshabilitan (): cualquiera; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-input.d.ts: 201: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental.

201 conjunto deshabilitado (valor: cualquiera); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-month.d.ts: 26: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental.

26 set mes (mes: NgbDateStruct); ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/dropdown/dropdown.d.ts: 15: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental.

15 set deshabilitado (valor: booleano); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/dropdown/dropdown.d.ts: 16: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental.

16 get disabled (): boolean; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/modal/modal-ref.d.ts: 40: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental.

40 get componentInstance (): cualquiera; ~~~~~~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/nav/nav.d.ts: 64: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental

64 get active (): boolean; ~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/nav/nav.d.ts: 65: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental.

65 get id (): cualquiera; ~~ node_modules/@ng-bootstrap/ng-bootstrap/nav/nav.d.ts: 66: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental.

66 get panelDomId (): cadena; ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/progressbar/progressbar.d.ts: 12: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental.

12 set max (max: número); ~~~ node_modules/@ng-bootstrap/ng-bootstrap/progressbar/progressbar.d.ts: 13: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental.

13 obtener max (): número; ~~~ node_modules/@ng-bootstrap/ng-bootstrap/tabset/tabset.d.ts: 91: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental.

91 set justify (className: 'start' | 'center' | 'end' | 'fill' | 'justified'); ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 35: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental.

35 set hourStep (paso: número); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 36: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental.

36 get hourStep (): número; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 40: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental.

40 set minuteStep (paso: número); ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 41: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental.

41 get minuteStep (): número; ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 45: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental.

45 set secondStep (paso: número); ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 46: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental.

46 get secondStep (): número; ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 72: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental.

72 get isSmallSize (): boolean; ~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 73: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental.

73 get isLargeSize (): boolean; ~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/tooltip/tooltip.d.ts: 100: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental.

100 set ngbTooltip (valor: cadena | TemplateRef); ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/tooltip/tooltip.d.ts: 101: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental.

101 get ngbTooltip (): cadena | TemplateRef;

** Angular Live Development Server está escuchando en localhost: 4200, abra su navegador en http: // localhost: 4200 / ** i 「wdm」: Error al compilar.

usuario12942001
fuente
intente actualizar TypeScript a la última versión
prabhatojha

Respuestas:

27

Vuelva a colocar @ng-bootstrap / ng-bootstrapen package.jsonesto:

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

y hacer npm i

Esto funcionó bien para mi.

Sarthak Maheshwari
fuente
esto también funcionó para mí. Gracias
MSV
Sip. Esto funciona para mí después de degradar la versión ng-bootstrap.
Akash Gadhiya
1
Arreglado para mí también. Los documentos dicen que ng-bootstrap 6 es para Angular 9 (estoy en 8). Supuse que sería compatible con versiones anteriores - supongo que no :)
Simon Storr
También funcionó para mí
Sajeer Babu
1
Había instalado Angular 7, así que tuve que reemplazarlo así: "@ ng-bootstrap / ng-bootstrap": "^ 4.2.1". La tabla de compatibilidad se encuentra en esta página: ng-bootstrap.github.io/#/getting-started
Celso Soares
4

Al principio tuve el mismo problema al intentar instalar ng-bootstrap, tal vez mi solución de problemas pueda darle una idea.

Resolví este problema actualizando angular y la CLI usando:

ng update @angular/cli @angular/core

Luego instalé el paquete de arranque a través de NPM (solo en caso de que lo omitiera durante la instalación)

npm install bootstrap

luego instalé ng-bootstrap

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

Después de todo esto, la aplicación se lanzó, ¡pero estaba en blanco! así que revisé la consola y había un mensaje que decía que tenía que agregar localizar con el siguiente comando:

ng add @angular/localize

Después de estos pasos, tuve mi aplicación angular en funcionamiento, espero que esto ayude.

EDITAR: tampoco olvide incluir la referencia a node_modules / bootstrap / dist / css / bootstrap.min.css en su archivo angular.json

Mario perez
fuente
El mismo problema aún persiste.
Anonim
¿podría compartir sus versiones angular, bootstrap y ng-bootstrap? o un repositorio de tu proyecto tal vez
Mario Pérez
1
Sí, esto funciona para mi. Se necesita ng update para actualizar angular a la versión 9+. ng add @ angular / localize es necesario si está usando ng-bootstrap> = v6 y angular> v9.
Yura Galavay
Aunque terminé usando angular / material, el proceso de instalación fue similar ya que olvidé comprometer o esconder la actualización angular.
Mario Pérez
1
La actualización de la versión angular wo 9+ me ayudará. Ngbootstrap 6+ necesita la versión angular 9+
Rats Tyagi
4

Respuesta breve (si está ejecutando Angular 8) :
en su proyecto, ejecute el siguiente comando en el cli: npm install @ng-bootstrap/ng-bootstrap@5.3.0

Respuesta larga:
compruebe la versión de su proyecto angular y asegúrese de instalar la versión NgBootstrap que sea compatible con su proyecto angular.

Eche un vistazo a las dependencias:
https://ng-bootstrap.github.io/#/getting-started

Puede verificar la versión de angular usando el cli: ng versiono puede verificar su archivo package.json.

Oscar
fuente
Sí, está funcionando. gracias
Daya Stark
2
"@ng-bootstrap/ng-bootstrap": "^5.2.2"

Reemplace @ ng-bootstrap / ng-bootstrap en package.json con la sección anterior. Funcionará.

Anonim
fuente
1

Problema:

ERROR en node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts: 191: 9 - error TS1086: No se puede declarar un descriptor de acceso en un contexto ambiental. ** y así sucesivamente .....

Solución

Cambie @ ng-bootstrap / ng-bootstrap en package.json con estas dependencias:

   "dependencies": {

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

Podemos lograr esto de dos maneras.

camino 1:

paso-1 Abra el angular.jsonarchivo y rebaje la versión ng-bootstarp de la siguiente manera

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

paso 2 npm i

Camino 2:

correr ng add @angular/localize

cualquiera de las formas solucionará su problema.

Anand Raja
fuente
0

También tengo el mismo problema que resolver

ng add @ng-bootstrap/schematics
ChandramouliS
fuente
0

Para mi aplicación Angular 8, utilicé esta versión de dependencia: "@ ng-bootstrap / ng-bootstrap": "~ 5.3.0"

Usar 5.2.2 como se mencionó anteriormente, no funcionó para mí. Algunos atributos de etiqueta como cardClass (Ej :)<ngb-panel [disabled]="disabled" [cardClass] ...> son compatibles a partir de 5.3.0.

También debe ejecutar el comando npm icomo se menciona en las respuestas anteriores.

Youness Marhrani
fuente
0

Simplemente rebaja el paquete ng-bootstrap

npm i @ng-bootstrap/ng-bootstrap@5.3.0
chedli maaloul
fuente