Setelah saya menginstal ng bootstrap dan kompilasi saya mendapatkan kesalahan ini

9

GALAT dalam node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts: 191: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient.

191 atur ngbPanelToggle (panel: NgbPanel); ~~~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/checkbox.d.ts: 28: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient.

28 set fokus (isFocused: boolean); ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 14: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient.

14 dinonaktifkan (): boolean; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 15: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient.

15 set dinonaktifkan (isDisabled: boolean); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 61: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient.

61 nilai yang ditetapkan (nilai: apa saja); ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 65: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient.

65 set dinonaktifkan (isDisabled: boolean); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 66: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient.

66 set fokus (isFocused: boolean); ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 67: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient.

67 diperiksa (): boolean; ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 68: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient.

68 dinonaktifkan (): boolean; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 69: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient.

69 dapatkan nilai (): apa saja; ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 70: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient.

70 dapatkan nameAttr (): string; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 42: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient.

42 set interval (nilai: angka); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 43: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient.

43 dapatkan interval (): angka; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 47: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient.

47 set bungkus (nilai: boolean); ~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 48: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient.

48 dapatkan bungkus (): boolean; ~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts [0m: 58: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient.

58 mengatur pauseOnHover (nilai: boolean); ~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 59: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient.

59 dapatkan pauseOnHover (): boolean; ~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-service.d.ts: 16: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient.

16 dapatkan model $ (): Dapat diamati; ~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-service.d.ts: 17: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient.

17 dapatkan dateSelect $ (): Dapat diamati; ~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker.d.ts: 234: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient.

234 get state (): NgbDatepickerState; ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker.d.ts: 240: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient.

240 dapatkan kalender (): NgbCalendar; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-input.d.ts: 200: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient.

200 dinonaktifkan (): apa saja; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-input.d.ts: 201: 9 - errorm TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient.

201 diset dinonaktifkan (nilai: apa saja); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-month.d.ts: 26: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient.

26 set bulan (bulan: NgbDateStruct); ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/dropdown/dropdown.d.ts: 15: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient.

15 set dinonaktifkan (nilai: boolean); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/dropdown/dropdown.d.ts: 16: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient.

16 dinonaktifkan (): boolean; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/modal/modal-ref.d.ts: 40: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient.

40 dapatkan componentInstance (): any; ~~~~~~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/nav/nav.d.ts: 64: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam sebuah konteks sekitar.

64 aktif (): boolean; ~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/nav/nav.d.ts: 65: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient.

65 dapatkan id (): any; ~~ node_modules/@ng-bootstrap/ng-bootstrap/nav/nav.d.ts: 66: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient.

66 dapatkan panelDomId (): string; ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/progressbar/progressbar.d.ts: 12: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient.

12 set maks (maks: angka); ~~~ node_modules/@ng-bootstrap/ng-bootstrap/progressbar/progressbar.d.ts: 13: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient.

13 dapatkan maks (): angka; ~~~ node_modules/@ng-bootstrap/ng-bootstrap/tabset/tabset.d.ts: 91: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient.

91 set justify (className: 'start' | 'center' | 'end' | 'fill' | 'justified'); ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 35: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient.

35 set hourStep (langkah: angka); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 36: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient.

36 dapatkan hourStep (): number; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 40: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient.

40 set minuteStep (langkah: angka); ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 41: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient.

41 dapatkan minuteStep (): number; ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 45: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient.

45 set secondStep (langkah: angka); ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 46: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient.

46 dapatkan secondStep (): number; ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 72: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient.

72 dapatkan isSmallSize (): boolean; ~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 73: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient.

73 dapatkan isLargeSize (): boolean; ~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/tooltip/tooltip.d.ts: 100: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient.

100 set ngbTooltip (nilai: string | TemplateRef); ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/tooltip/tooltip.d.ts: 101: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient.

101 dapatkan ngbTooltip (): string | TemplateRef;

** Server Pengembangan Langsung Angular sedang mendengarkan di localhost: 4200, buka browser Anda di http: // localhost: 4200 / ** i ｢wdm｣: Gagal dikompilasi.

angular bootstrap-4 ng-bootstrap pengguna12942001
sumber
coba tingkatkan TypeScript ke versi terbaru
prabhatojha

Jawaban:

27

Ganti @ng-bootstrap / ng-bootstrapdi package.jsondengan ini:

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

dan lakukan npm i

ini bekerja dengan baik untuk saya.

Sarthak Maheshwari
sumber
ini juga bekerja untuk saya. Terima kasih
MSV
Ya. Ini bekerja untuk saya setelah menurunkan versi ng-bootstrap.
Akash Gadhiya
1
Tetap untuk saya juga. Docs mengatakan ng-bootstrap 6 untuk Angular 9 (saya di 8). Saya berasumsi itu akan kompatibel ke belakang - kira tidak :)
Simon Storr
Bekerja untuk saya juga
Sajeer Babu
1
Saya telah menginstal Angular 7 jadi saya harus mengganti seperti ini: "@ ng-bootstrap / ng-bootstrap": "^ 4.2.1". Tabel kompatibilitas ada di halaman ini: ng-bootstrap.github.io/#/getting-started
Celso Soares
4

Saya memiliki masalah yang sama ketika mencoba menginstal ng-bootstrap pada awalnya, mungkin pemecahan masalah saya dapat memberi Anda beberapa wawasan.

Saya mengatasi masalah ini dengan memperbarui sudut dan CLI menggunakan:

ng update @angular/cli @angular/core

Kemudian instal paket bootstrap melalui NPM (kalau-kalau Anda melewatkannya selama instalasi)

npm install bootstrap

setelah itu saya menginstal ng-bootstrap

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

setelah semua ini aplikasi diluncurkan, tapi ternyata kosong! jadi saya memeriksa konsol dan ada pesan yang mengatakan saya harus menambahkan pelokalan dengan perintah berikut:

ng add @angular/localize

Setelah langkah-langkah ini saya menjalankan dan menjalankan aplikasi sudut, semoga ini membantu.

EDIT: juga jangan lupa untuk menyertakan referensi ke node_modules / bootstrap / dist / css / bootstrap.min.css dalam file angular.json Anda

Mario Perez
sumber
masalah yang sama masih berlanjut.
Anonim
bisakah Anda membagikan versi angular, bootstrap dan ng-bootstrap Anda? atau repo proyek Anda mungkin
Mario Perez
1
Ya, ini bekerja untuk saya. ng pembaruan diperlukan untuk memperbarui sudut ke versi 9+. ng add @ angular / localize diperlukan jika Anda menggunakan ng-bootstrap> = v6 dan angular> v9.
Yura Galavay
Meskipun saya akhirnya menggunakan angular / material, proses instalasi serupa karena saya lupa untuk melakukan atau menyembunyikan pembaruan sudut.
Mario Perez
1
Memutakhirkan versi sudut 9 dan 9 akan membantu saya. Ngbootstrap 6+ membutuhkan versi sudut 9+
Tikus Tyagi
4

Jawaban Singkat (jika Anda menjalankan Angular 8) :
Di proyek Anda, jalankan perintah berikut di cli: npm install @ng-bootstrap/[email protected]

Jawaban Panjang:
Silakan periksa versi proyek sudut Anda dan pastikan Anda menginstal versi NgBootstrap yang kompatibel dengan proyek sudut Anda.

Lihatlah dependensi:
https://ng-bootstrap.github.io/#/getting-started

Anda dapat memeriksa versi sudut menggunakan cli: ng versionatau Anda memeriksa file package.json Anda.

Oscar
sumber
ya, ini bekerja. terima kasih
Daya Stark
2 
"@ng-bootstrap/ng-bootstrap": "^5.2.2"

Ganti @ ng-bootstrap / ng-bootstrap di package.json dengan bagian di atas. Itu akan berhasil.

Anonim
sumber
1

Isu:

GALAT dalam node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts: 191: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient. ** dan seterusnya .....

Larutan

Ubah @ ng-bootstrap / ng-bootstrap di package.json dengan dependensi ini:

   "dependencies": {

    "@ng-bootstrap/ng-bootstrap": "~5.2.2
Dev Lembut Ahmad yar khan
sumber
1

Kita dapat mencapai ini dengan dua cara.

cara 1:

langkah-1 Buka angular.jsonfile dan turunkan versi ng-bootstarp sebagai berikut

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

langkah-2 jalankan npm i

Cara 2:

Lari ng add @angular/localize

salah satu cara akan memperbaiki masalah Anda.

Anand Raja
sumber
0

Saya juga memiliki masalah yang sama untuk dipecahkan 

ng add @ng-bootstrap/schematics
Chandramouli
sumber
0

Untuk aplikasi Angular 8 saya, saya menggunakan versi dependensi ini: "@ ng-bootstrap / ng-bootstrap": "~ 5.3.0"

Menggunakan 5.2.2 seperti yang disebutkan sebelumnya, tidak berhasil untuk saya. Beberapa atribut tag seperti cardClass (Ex :)<ngb-panel [disabled]="disabled" [cardClass] ...> didukung mulai dari 5.3.0.

Anda juga harus menjalankan perintah npm iseperti yang disebutkan dalam jawaban sebelumnya.

Youness Marhrani
sumber