หลังจากฉันติดตั้ง Bootstrap และรวบรวมฉันได้รับข้อผิดพลาดนี้


9

ข้อผิดพลาดใน node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts: 191: 9 - ข้อผิดพลาด TS1086: ตัวเข้าถึงไม่สามารถประกาศในบริบทแวดล้อม

191 ชุด ngbPanelToggle (แผง: NgbPanel); ~~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/checkbox.d.ts: 28: 9 - ข้อผิดพลาด TS1086: accessor ไม่สามารถประกาศในบริบทแวดล้อม

28 ชุดโฟกัส (isFocused: boolean); ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 14: 9 - ข้อผิดพลาด TS1086: ตัวเข้าถึงไม่สามารถประกาศในบริบทแวดล้อม

14 คนพิการ (): บูลีน; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 15: 9 - ข้อผิดพลาด TS1086: ตัวเข้าถึงไม่สามารถประกาศในบริบทแวดล้อม

15 ชุดปิดการใช้งาน (isDisabled: boolean); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 61: 9 - ข้อผิดพลาด TS1086: ตัวเข้าถึงไม่สามารถประกาศในบริบทแวดล้อม

61 set value (value: any); ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 65: 9 - ข้อผิดพลาด TS1086: accessor ไม่สามารถประกาศในบริบทแวดล้อม

65 ชุดปิดใช้งาน (isDisabled: boolean) ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 66: 9 - ข้อผิดพลาด TS1086: ตัวเข้าถึงไม่สามารถประกาศในบริบทแวดล้อม

66 ชุดโฟกัส (isFocused: boolean); ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 67: 9 - ข้อผิดพลาด TS1086: ตัวเข้าถึงไม่สามารถประกาศในบริบทแวดล้อม

67 ได้รับการตรวจสอบ (): บูลีน; ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 68: 9 - ข้อผิดพลาด TS1086: ตัวเข้าถึงไม่สามารถประกาศในบริบทแวดล้อม

68 ถูกปิดการใช้งาน (): บูลีน; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 69: 9 - ข้อผิดพลาด TS1086: ตัวเข้าถึงไม่สามารถประกาศในบริบทแวดล้อม

69 รับค่า (): ใด ๆ ; ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 70: 9 - ข้อผิดพลาด TS1086: accessor ไม่สามารถประกาศในบริบทแวดล้อม

70 ได้รับ nameAttr (): string; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 42: 9 - ข้อผิดพลาด TS1086: ผู้เข้าถึงไม่สามารถประกาศในบริบทแวดล้อม

ช่วงเวลา 42 ชุด (ค่า: หมายเลข); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 43: 9 - ข้อผิดพลาด TS1086: ตัวเข้าถึงไม่สามารถประกาศในบริบทแวดล้อม

43 รับช่วงเวลา (): จำนวน; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 47: 9 - ข้อผิดพลาด TS1086: ผู้เข้าถึงไม่สามารถประกาศในบริบทแวดล้อม

47 set wrap (ค่า: บูลีน); ~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 48: 9 - ข้อผิดพลาด TS1086: accessor ไม่สามารถประกาศในบริบทแวดล้อม

48 รับพัน (): บูลีน; ~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts [0m: 58: 9 - ข้อผิดพลาด TS1086: ตัวเข้าถึงไม่สามารถประกาศในบริบทแวดล้อม

58 ชุด pauseOnHover (ค่า: บูลีน); ~~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 59: 9 - ข้อผิดพลาด TS1086: accessor ไม่สามารถประกาศในบริบทแวดล้อม

59 รับ pauseOnHover (): บูลีน; ~~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-service.d.ts: 16: 9 - ข้อผิดพลาด TS1086: accessor ไม่สามารถประกาศในบริบท

16 รับ model $ (): สังเกตได้; ~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-service.d.ts: 17: 9 - ข้อผิดพลาด TS1086: accessor ไม่สามารถประกาศในบริบทแวดล้อม

17 รับ dateSelect $ (): สังเกตได้; ~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker.d.ts: 234: 9 - ข้อผิดพลาด TS1086: accessor ไม่สามารถประกาศในบริบทแวดล้อม

234 รับสถานะ (): NgbDatepickerState; ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker.d.ts: 240: 9 - ข้อผิดพลาด TS1086: ตัวเข้าถึงไม่สามารถประกาศในบริบทแวดล้อม

240 รับปฏิทิน (): NgbCalendar; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-input.d.ts: 200: 9 - ข้อผิดพลาด TS1086: accessor ไม่สามารถประกาศในบริบทแวดล้อม

200 คนพิการ (): any; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-input.d.ts: 201: 9 - errorm TS1086: ตัวเข้าถึงไม่สามารถประกาศในบริบทแวดล้อม

ปิดใช้งาน 201 ชุด (ค่า: ใด ๆ ); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-month.d.ts: 26: 9 - ข้อผิดพลาด TS1086: accessor ไม่สามารถประกาศในบริบทแวดล้อม

26 ชุดเดือน (เดือน: NgbDateStruct); ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/dropdown/dropdown.d.ts: 15: 9 - ข้อผิดพลาด TS1086: accessor ไม่สามารถประกาศในบริบทแวดล้อม

15 ชุดปิดการใช้งาน (ค่า: บูลีน); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/dropdown/dropdown.d.ts: 16: 9 - ข้อผิดพลาด TS1086: ตัวเข้าถึงไม่สามารถประกาศในบริบทแวดล้อม

16 ถูกปิดใช้งาน (): บูลีน; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/modal/modal-ref.d.ts: 40: 9 - ข้อผิดพลาด TS1086: accessor ไม่สามารถประกาศในบริบทแวดล้อม

40 รับ componentInstance (): any; ~~~~~~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/nav/nav.d.ts: 64: 9 - ข้อผิดพลาด TS1086: accessor ไม่สามารถประกาศใน บริบทโดยรอบ

64 get active (): บูลีน; ~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/nav/nav.d.ts: 65: 9 - ข้อผิดพลาด TS1086: ตัวเข้าถึงไม่สามารถประกาศในบริบทแวดล้อม

65 รับ ID (): ใด ๆ ; ~~ node_modules/@ng-bootstrap/ng-bootstrap/nav/nav.d.ts: 66: 9 - ข้อผิดพลาด TS1086: accessor ไม่สามารถประกาศในบริบทแวดล้อม

66 รับ panelDomId (): สตริง; ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/progressbar/progressbar.d.ts: 12: 9 - ข้อผิดพลาด TS1086: accessor ไม่สามารถประกาศในบริบทแวดล้อม

12 ชุดสูงสุด (สูงสุด: จำนวน); ~~~ node_modules/@ng-bootstrap/ng-bootstrap/progressbar/progressbar.d.ts: 13: 9 - ข้อผิดพลาด TS1086: accessor ไม่สามารถประกาศในบริบทแวดล้อม

13 get max (): number; ~~~ node_modules/@ng-bootstrap/ng-bootstrap/tabset/tabset.d.ts: 91: 9 - ข้อผิดพลาด TS1086: accessor ไม่สามารถประกาศในบริบทแวดล้อม

ปรับตั้ง 91 (className: 'start' | 'center' | 'end' | 'fill' | 'justified'); ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 35: 9 - ข้อผิดพลาด TS1086: ตัวเข้าถึงไม่สามารถประกาศในบริบทแวดล้อม

35 set hourStep (ขั้นตอน: จำนวน); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 36: 9 - ข้อผิดพลาด TS1086: ผู้เข้าถึงไม่สามารถประกาศในบริบทแวดล้อม

36 get hourStep (): number; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 40: 9 - ข้อผิดพลาด TS1086: ผู้เข้าถึงไม่สามารถประกาศในบริบทแวดล้อม

40 ชุด minuteStep (ขั้นตอน: จำนวน); ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 41: 9 - ข้อผิดพลาด TS1086: accessor ไม่สามารถประกาศในบริบทแวดล้อม

41 get MinuteStep (): number; ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 45: 9 - ข้อผิดพลาด TS1086: accessor ไม่สามารถประกาศในบริบทแวดล้อม

45 ชุด secondStep (ขั้นตอน: จำนวน); ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 46: 9 - ข้อผิดพลาด TS1086: accessor ไม่สามารถประกาศในบริบทแวดล้อม

46 get secondStep (): number; ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 72: 9 - ข้อผิดพลาด TS1086: accessor ไม่สามารถประกาศในบริบทแวดล้อม

72 get isSmallSize (): บูลีน; ~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 73: 9 - ข้อผิดพลาด TS1086: accessor ไม่สามารถประกาศในบริบทแวดล้อม

73 รับ isLargeSize (): บูลีน; ~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/tooltip/tooltip.d.ts: 100: 9 - ข้อผิดพลาด TS1086: accessor ไม่สามารถประกาศในบริบทแวดล้อม

100 ชุด ngbTooltip (ค่า: สตริง | TemplateRef); ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/tooltip/tooltip.d.ts: 101: 9 - ข้อผิดพลาด TS1086: accessor ไม่สามารถประกาศในบริบทแวดล้อม

101 รับ ngbTooltip (): string | TemplateRef;

** Angular Live Development Server กำลังรับฟังบน localhost: 4200 เปิดเบราว์เซอร์ของคุณบนhttp: // localhost: 4200 / ** ฉันใช้ wdm 」: คอมไพล์ไม่สำเร็จ


ลองอัปเกรด TypeScript เป็นเวอร์ชันล่าสุด
prabhatojha

คำตอบ:


28

แทนที่@ng-bootstrap / ng-bootstrapในpackage.jsonด้วยนี้

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

และทำ npm i

มันใช้ได้ดีสำหรับฉัน


สิ่งนี้ใช้ได้กับฉันเช่นกันขอบคุณ
MSV

ได้. ใช้งานได้สำหรับฉันหลังจากปรับลดรุ่น ng-bootstrap
Akash Gadhiya

1
แก้ไขสำหรับฉันด้วย เอกสารบอกว่า ng-bootstrap 6 สำหรับ Angular 9 (ฉันอยู่ที่ 8) ฉันคิดว่ามันจะเข้ากันได้ย้อนหลัง - อย่าเดา :)
Simon Storr

ทำงานให้ฉันด้วย
Sajeer Babu

1
ฉันได้ติดตั้ง Angular 7 ดังนั้นฉันต้องแทนที่ดังนี้: "@ ng-bootstrap / ng-bootstrap": "^ 4.2.1" ตารางความเข้ากันได้อยู่ในหน้านี้: ng-bootstrap.github.io/#/getting-started
Celso Soares

4

ฉันมีปัญหาเดียวกันเมื่อพยายามติดตั้ง ng-bootstrap ในตอนแรกบางทีการแก้ไขปัญหาของฉันอาจให้ข้อมูลเชิงลึกบางอย่างแก่คุณ

ฉันแก้ไขปัญหานี้โดยการอัพเดตเชิงมุมและ CLI โดยใช้:

ng update @angular/cli @angular/core

จากนั้นติดตั้งแพคเกจ bootstrap ผ่าน NPM (ในกรณีที่คุณข้ามระหว่างการติดตั้ง)

npm install bootstrap

หลังจากนั้นฉันติดตั้ง ng-bootstrap

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

หลังจากทั้งหมดนี้แอปเปิดตัว แต่มันว่างเปล่า! ดังนั้นฉันจึงตรวจสอบคอนโซลและมีข้อความแจ้งว่าฉันต้องเพิ่มการแปลด้วยคำสั่งต่อไปนี้:

ng add @angular/localize

หลังจากขั้นตอนเหล่านี้ฉันมีแอปเชิงมุมของฉันทำงานและหวังว่าจะช่วยได้

แก้ไข: อย่าลืมรวมการอ้างอิงถึงnode_modules / bootstrap / dist / css / bootstrap.min.cssในไฟล์angular.jsonของคุณ


ปัญหาเดียวกันยังคงมีอยู่
Anonim

คุณสามารถแบ่งปันเวอร์ชันเชิงมุม bootstrap และ ng-bootstrap ของคุณได้ไหม? หรือโครงการซื้อคืนของคุณอาจจะ
มาริโอเปเรซ

1
ใช่มันใช้งานได้สำหรับฉัน จำเป็นต้องอัปเดต ng เพื่ออัปเดตเชิงมุมเป็นเวอร์ชัน 9+ จำเป็นต้องเพิ่ม @ angular / localize หากคุณใช้ ng-bootstrap> = v6 และ angular> v9
Yura Galavay

แม้ว่าฉันจะจบลงด้วยการใช้มุม / วัสดุกระบวนการติดตั้งก็คล้ายกันตั้งแต่ฉันลืมส่งหรือซ่อนการอัปเดตเชิงมุม
Mario Perez

1
การอัปเกรดเวอร์ชันเชิงมุม wo 9+ จะช่วยฉันได้ Ngbootstrap 6+ ต้องการเวอร์ชั่นเชิงมุม 9+
Rats Tyagi

4

คำตอบสั้น ๆ(หากคุณใช้งาน Angular 8) :
ในโครงการของคุณให้เรียกใช้คำสั่งต่อไปนี้บน cli: npm install @ng-bootstrap/ng-bootstrap@5.3.0

คำตอบยาว:
โปรดตรวจสอบรุ่นของโครงการเชิงมุมของคุณและตรวจสอบให้แน่ใจว่าคุณติดตั้งรุ่น NgBootstrap ที่เข้ากันได้กับโครงการเชิงมุมของคุณ

ดูที่การพึ่งพา:
https://ng-bootstrap.github.io/#/getting-started

คุณสามารถตรวจสอบเวอร์ชันของเชิงมุมโดยใช้ cli: ng versionหรือตรวจสอบไฟล์ package.json ของคุณ


ใช่มันทำงานได้ ขอบคุณ
Daya Stark

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

แทนที่ @ ng-bootstrap / ng-bootstrap ใน package.json ด้วยส่วนด้านบน มันจะทำงาน.


1

ปัญหา:

ข้อผิดพลาดใน node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts: 191: 9 - ข้อผิดพลาด TS1086: accessor ไม่สามารถประกาศในบริบทแวดล้อม ** และอื่น ๆ .....

สารละลาย

เปลี่ยน @ ng-bootstrap / ng-bootstrap ใน package.json ด้วยการขึ้นต่อกันนี้:

   "dependencies": {

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

1

เราสามารถบรรลุเป้าหมายนี้ได้สองวิธี

วิธีที่ 1:

ขั้นตอนที่ 1 เปิดangular.jsonไฟล์และปรับลดรุ่น ng-bootstarp ดังต่อไปนี้

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

ขั้นตอนที่ 2 วิ่ง npm i

วิธีที่ 2:

วิ่ง ng add @angular/localize

วิธีใดวิธีหนึ่งจะแก้ไขปัญหาของคุณ


1

สำหรับแอป Angular 8 ของฉันฉันใช้เวอร์ชันอ้างอิงนี้: "@ ng-bootstrap / ng-bootstrap": "~ 5.3.0"

การใช้ 5.2.2 ดังกล่าวก่อนหน้านี้ไม่ได้ผลสำหรับฉัน แอตทริบิวต์แท็กบางอย่างเช่นcardClass ( เช่น:)<ngb-panel [disabled]="disabled" [cardClass] ...>ได้รับการสนับสนุนเริ่มต้นจาก 5.3.0

คุณต้องดำเนินการคำสั่งnpm iตามที่ระบุไว้ในคำตอบก่อนหน้า



โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.