Sonra bootstrap yüklemek ve derleme i bu hatayı almak

Node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts dosyasında ERROR: hata TS1086: Bir erişimci ortam bağlamında bildirilemez.

191 set ngbPanelToggle (panel: NgbPanel); ~~~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/checkbox.d.ts: 28: 9 - hata TS1086: Bir erişimci ortam bağlamında ilan edilemez.

28 set odaklı (isFocused: boolean); ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 14: 9 - hata TS1086: Bir erişimci ortam bağlamında ilan edilemez.

14 devre dışı bırakma (): boolean; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 15: 9 - hata TS1086: Bir erişimci ortam bağlamında ilan edilemez.

15 set devre dışı (isDisabled: boolean); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 61: 9 - hata TS1086: Bir erişimci ortam bağlamında ilan edilemez.

61 ayar değeri (değer: herhangi bir); ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 65: 9 - hata TS1086: Bir erişimci ortam bağlamında bildirilemez.

65 takım devre dışı (isDisabled: boolean); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 66: 9 - hata TS1086: Bir erişimci ortam bağlamında ilan edilemez.

66 set odaklı (isFocused: boolean); ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 67: 9 - hata TS1086: Bir erişimci ortam bağlamında ilan edilemez.

67 kontrol edildi (): boolean; ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 68: 9 - hata TS1086: Bir erişimci ortam bağlamında ilan edilemez.

68 devre dışı bırak (): boolean; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 69: 9 - hata TS1086: Bir erişimci ortam bağlamında ilan edilemez.

69 get value (): herhangi biri; ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 70: 9 - hata TS1086: Bir erişimci ortam bağlamında bildirilemez.

70 get nameAttr (): string; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 42: 9 - hata TS1086: Bir erişimci ortam bağlamında ilan edilemez.

42 ayar aralığı (değer: sayı); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 43: 9 - hata TS1086: Bir erişimci ortam bağlamında ilan edilemez.

43 alma aralığı (): sayı; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 47: 9 - hata TS1086: Bir erişimci ortam bağlamında ilan edilemez.

47 set sarma (değer: boolean); ~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 48: 9 - hata TS1086: Bir erişimci ortam bağlamında bildirilemez.

48 get wrap (): boolean; ~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts [0m: 58: 9 - hata TS1086: Bir erişimci ortam bağlamında bildirilemez.

58 set pauseOnHover (değer: boolean); ~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 59: 9 - hata TS1086: Bir erişimci ortam bağlamında ilan edilemez.

59 get pauseOnHover (): boolean; ~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-service.d.ts: 16: 9 - hata TS1086: Bir erişimci ortam bağlamında ilan edilemez.

16 model almak $ (): Gözlemlenebilir; ~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-service.d.ts: 17: 9 - hata TS1086: Bir erişimci ortam bağlamında ilan edilemez.

17 get dateSeçiniz $ (): Gözlemlenebilir; ~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker.d.ts: 234: 9 - hata TS1086: Bir erişimci ortam bağlamında ilan edilemez.

234 get state (): NgbDatepickerState; ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker.d.ts: 240: 9 - hata TS1086: Bir erişimci ortam bağlamında bildirilemez.

240 takvim al (): NgbCalendar; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-input.d.ts: 200: 9 - hata TS1086: Bir erişimci ortam bağlamında ilan edilemez.

200 devre dışı bırakma (): herhangi biri; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-input.d.ts: 201: 9 - errorm TS1086: Bir erişimci ortam bağlamında ilan edilemez.

201 set devre dışı (değer: herhangi bir); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-month.d.ts: 26: 9 - hata TS1086: Bir erişimci ortam bağlamında ilan edilemez.

26 ay ayarlayın (ay: NgbDateStruct); ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/dropdown/dropdown.d.ts: 15: 9 - hata TS1086: Bir erişimci ortam bağlamında bildirilemez.

15 set devre dışı (değer: boolean); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/dropdown/dropdown.d.ts: 16: 9 - hata TS1086: Bir erişimci ortam bağlamında ilan edilemez.

16 devre dışı bırak (): boolean; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/modal/modal-ref.d.ts: 40: 9 - hata TS1086: Bir erişimci ortam bağlamında ilan edilemez.

40 get componentInstance (): any; ~~~~~~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/nav/nav.d.ts: 64: 9 - hata TS1086: Bir erişimci bir ortam bağlamı.

64 aktif olsun (): boolean; ~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/nav/nav.d.ts: 65: 9 - hata TS1086: Bir erişimci ortam bağlamında ilan edilemez.

65 get id (): herhangi biri; ~~ node_modules/@ng-bootstrap/ng-bootstrap/nav/nav.d.ts: 66: 9 - hata TS1086: Bir erişimci ortam bağlamında bildirilemez.

66 get panelDomId (): string; ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/progressbar/progressbar.d.ts: 12: 9 - hata TS1086: Bir erişimci ortam bağlamında ilan edilemez.

12 set maks (maks: sayı); ~~~ node_modules/@ng-bootstrap/ng-bootstrap/progressbar/progressbar.d.ts: 13: 9 - hata TS1086: Bir erişimci ortam bağlamında bildirilemez.

13 get max (): sayı; ~~~ node_modules/@ng-bootstrap/ng-bootstrap/tabset/tabset.d.ts: 91: 9 - hata TS1086: Bir erişimci ortam bağlamında bildirilemez.

91 set justify (sınıfAdı: 'start' | 'center' | 'end' | 'fill' | 'justified'); ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 35: 9 - hata TS1086: Bir erişimci ortam bağlamında bildirilemez.

35 saat ayarlandı Adım (adım: sayı); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 36: 9 - hata TS1086: Bir erişimci ortam bağlamında ilan edilemez.

36 saat / saatStep (): sayı; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 40: 9 - hata TS1086: Bir erişimci ortam bağlamında ilan edilemez.

40 dakika ayarlandı Adım (adım: sayı); ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 41: 9 - hata TS1086: Bir erişimci ortam bağlamında ilan edilemez.

Adım (): sayı; ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 45: 9 - hata TS1086: Bir erişimci ortam bağlamında ilan edilemez.

45 saniye saniye Adım (adım: sayı); ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 46: 9 - hata TS1086: Bir erişimci ortam bağlamında ilan edilemez.

46 saniye saniye kazan Adım (): sayı; ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 72: 9 - hata TS1086: Bir erişimci ortam bağlamında ilan edilemez.

72 get isSmallSize (): boolean; ~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 73: 9 - hata TS1086: Bir erişimci ortam bağlamında ilan edilemez.

73 get isLargeSize (): boolean; ~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/tooltip/tooltip.d.ts: 100: 9 - hata TS1086: Bir erişimci ortam bağlamında ilan edilemez.

100 set ngbTooltip (değer: string | TemplateRef); ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/tooltip/tooltip.d.ts: 101: 9 - hata TS1086: Bir erişimci ortam bağlamında ilan edilemez.

101 get ngbTooltip (): string | TemplateRef;

** Açısal Canlı Geliştirme Sunucusu localhost: 4200 üzerinde dinliyor, tarayıcınızı http: // localhost: 4200 / ** üzerinde açıyor i ｢wdm｣: Derlenemedi.

Değiştir @ng-bootstrap / ng-bootstrapiçinde package.jsonbununla:

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

ve yap npm i

bu benim için iyi çalıştı.

Başlangıçta ng-bootstrap'ı yüklemeye çalışırken aynı sorunu yaşadım, belki de sorun gidermem size bir fikir verebilir.

Açısal ve CLI'yı kullanarak bu sorunu çözdüm:

ng update @angular/cli @angular/core

Daha sonra NPM üzerinden bootstrap paketini kurun (kurulum sırasında atlamanız durumunda)

npm install bootstrap

daha sonra ng-bootstrap kurdum

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

sonuçta bu uygulama başlatıldı, ama boştu! Bu yüzden konsolu kontrol ettim ve aşağıdaki komutla localize eklemek zorunda olduğumu söyleyen bir mesaj vardı:

ng add @angular/localize

Bu adımlardan sonra açısal uygulamamın çalışmasını sağladım, umarım bu yardımcı olur.

DÜZENLEME: Ayrıca başvurusunu dahil etmeyi unutmayın node_modules / önyükleme / dist / css / bootstrap.min.css sizin de angular.json dosyası

Kısa Yanıt (Açısal 8 çalıştırıyorsanız) :
Projenizde, cli üzerinde aşağıdaki komutu çalıştırın: npm install @ng-bootstrap/ng-bootstrap@5.3.0

Uzun Cevap:
Lütfen açısal projenizin sürümünü kontrol edin ve açısal projenizle uyumlu NgBootstrap sürümünü yüklediğinizden emin olun.

Bağımlılıklara bir göz atın:
https://ng-bootstrap.github.io/#/getting-started

Açısal sürümünü cli: kullanarak ng versionveya package.json dosyanızı kontrol edebilirsiniz.

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

Package.json içindeki @ ng-bootstrap / ng-bootstrap öğesini yukarıdaki bölümle değiştirin. Çalışacak.

Konu:

Node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts dosyasında HATA: 191: 9 - hata TS1086: Bir erişimci ortam bağlamında bildirilemiyor. ** vb.

Çözüm

Package.json'daki @ ng-bootstrap / ng-bootstrap öğesini şu bağımlılıklarla değiştirin:

   "dependencies": {

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

Angular 8 uygulamam için şu bağımlılık sürümünü kullandım: "@ ng-bootstrap / ng-bootstrap": "~ 5.3.0"

Daha önce belirtildiği gibi 5.2.2 kullanmak benim için işe yaramadı. CardClass (Örn :) gibi bazı etiket özellikleri <ngb-panel [disabled]="disabled" [cardClass] ...>5.3.0'dan itibaren desteklenmektedir.

Komutu npm i, önceki yanıtlarda belirtildiği gibi yürütmeniz de gerekir .

Ben de aynı sorunu çözeceğim

ng add @ng-bootstrap/schematics

Bunu iki şekilde başarabiliriz.

yol 1:

adım-1 angular.jsonDosyayı açın ve ng-bootstarp sürümünü aşağıdaki gibi düşürün

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

2. adım koşusu npm i

Yol 2:

Çalıştırmak ng add @angular/localize

yollardan biri sorununuzu çözecektir.

Sadece ng-bootstrap paketini eski sürüme geçirin

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