Sau khi tôi cài đặt ng bootstrap và biên dịch, tôi gặp lỗi này

LRI trong node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts: 191: 9 - lỗi TS1086: Một trình truy cập không thể được khai báo trong ngữ cảnh xung quanh.

191 bộ ngbPanelToggle (bảng: NgbPanel); ~~~~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/checkbox.d.ts: 28: 9 - lỗi TS1086: Một trình truy cập không thể được khai báo trong ngữ cảnh xung quanh.

28 tập trung tập trung (isF Focused: boolean); ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 14: 9 - lỗi TS1086: Một trình truy cập không thể được khai báo trong ngữ cảnh xung quanh.

14 bị vô hiệu hóa (): boolean; ~~~~~~~ ~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 15: 9 - lỗi TS1086: Một trình truy cập không thể được khai báo trong ngữ cảnh xung quanh.

15 bộ bị vô hiệu hóa (isDisables: boolean); ~~~~~~~ ~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 61: 9 - lỗi TS1086: Một trình truy cập không thể được khai báo trong ngữ cảnh xung quanh.

61 giá trị đặt (giá trị: bất kỳ); ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 65: 9 - lỗi TS1086: Một trình truy cập không thể được khai báo trong ngữ cảnh xung quanh.

65 bộ bị vô hiệu hóa (isDisables: boolean); ~~~~~~~ ~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 66: 9 - lỗi TS1086: Một trình truy cập không thể được khai báo trong ngữ cảnh xung quanh.

66 tập trung (isF Focused: boolean); ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 67: 9 - lỗi TS1086: Một trình truy cập không thể được khai báo trong ngữ cảnh xung quanh.

67 được kiểm tra (): boolean; ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 68: 9 - lỗi TS1086: Một trình truy cập không thể được khai báo trong ngữ cảnh xung quanh.

68 bị vô hiệu hóa (): boolean; ~~~~~~~ ~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 69: 9 - lỗi TS1086: Một trình truy cập không thể được khai báo trong ngữ cảnh xung quanh.

69 nhận giá trị (): bất kỳ; ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 70: 9 - lỗi TS1086: Một trình truy cập không thể được khai báo trong ngữ cảnh xung quanh.

70 lấy tênAttr (): chuỗi; ~~~~~~~ ~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 42: 9 - lỗi TS1086: Một trình truy cập không thể được khai báo trong ngữ cảnh xung quanh.

42 khoảng thời gian đặt (giá trị: số); ~~~~~~~ ~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 43: 9 - lỗi TS1086: Một trình truy cập không thể được khai báo trong ngữ cảnh xung quanh.

43 nhận khoảng (): số; ~~~~~~~ ~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 47: 9 - lỗi TS1086: Một trình truy cập không thể được khai báo trong ngữ cảnh xung quanh.

47 bộ bọc (giá trị: boolean); ~~~ ~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 48: 9 - lỗi TS1086: Một trình truy cập không thể được khai báo trong ngữ cảnh xung quanh.

48 lấy bọc (): boolean; ~~~ ~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts [0m: 58: 9 - lỗi TS1086: Một trình truy cập không thể được khai báo trong ngữ cảnh xung quanh.

58 đặt pauseOnHover (giá trị: boolean); ~~~~~~~~~~~ ~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 59: 9 - lỗi TS1086: Một trình truy cập không thể được khai báo trong ngữ cảnh xung quanh.

59 nhận tạm dừngOnHover (): boolean; ~~~~~~~~~~~ ~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-service.d.ts: 16: 9 - lỗi TS1086: Một người truy cập không thể được khai báo trong ngữ cảnh xung quanh.

16 lấy mô hình $ (): Có thể quan sát được; ~~~~~ ~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-service.d.ts: 17: 9 - lỗi TS1086: Một trình truy cập không thể được khai báo trong ngữ cảnh xung quanh.

17 nhận ngày Chọn $ (): Có thể quan sát được; ~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker.d.ts: 234: 9 - lỗi TS1086: Một trình truy cập không thể được khai báo trong ngữ cảnh xung quanh.

234 nhận trạng thái (): NgbDatepickerState; ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker.d.ts: 240: 9 - lỗi TS1086: Một trình truy cập không thể được khai báo trong ngữ cảnh xung quanh.

240 nhận lịch (): NgbCalWiki; ~~~~~~~ ~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-input.d.ts: 200: 9 - lỗi TS1086: Một trình truy cập không thể được khai báo trong ngữ cảnh xung quanh.

200 bị vô hiệu hóa (): bất kỳ; ~~~~~~~

201 bộ bị vô hiệu hóa (giá trị: bất kỳ); ~~~~~~~ ~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-month.d.ts: 26: 9 - lỗi TS1086: Một trình truy cập không thể được khai báo trong ngữ cảnh xung quanh.

26 tháng đặt (tháng: NgbDateSturation); ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/dropdown/dropdown.d.ts: 15: 9 - lỗi TS1086: Một trình truy cập có thể được khai báo trong ngữ cảnh xung quanh.

15 bộ bị vô hiệu hóa (giá trị: boolean); ~~~~~~~ ~ node_modules/@ng-bootstrap/ng-bootstrap/dropdown/dropdown.d.ts: 16: 9 - lỗi TS1086: Một trình truy cập không thể được khai báo trong ngữ cảnh xung quanh.

16 bị vô hiệu hóa (): boolean; ~~~~~~~ ~ node_modules/@ng-bootstrap/ng-bootstrap/modal/modal-ref.d.ts: 40: 9 - lỗi TS1086: Một trình truy cập không thể được khai báo trong ngữ cảnh xung quanh.

40 nhận thành phầnInstance (): bất kỳ; ~~~~~~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/nav/nav.d.ts: 64: 9 - lỗi TS1086: Không thể khai báo một trình truy cập trong một bối cảnh xung quanh.

64 nhận hoạt động (): boolean; ~~~~~

65 nhận id (): bất kỳ; ~ ~ node_modules/@ng-bootstrap/ng-bootstrap/nav/nav.d.ts: 66: 9 - lỗi TS1086: Một trình truy cập không thể được khai báo trong ngữ cảnh xung quanh.

66 lấy panelDomId (): chuỗi; ~~~~~~~~~~~

Tối đa 12 bộ (tối đa: số); ~~~ node_modules/@ng-bootstrap/ng-bootstrap/proTHERbar/proTHERbar.d.ts: 13: 9 - lỗi TS1086: Một trình truy cập không thể được khai báo trong ngữ cảnh xung quanh.

13 nhận tối đa (): số; ~~~ node_modules/@ng-bootstrap/ng-bootstrap/tabset/tabset.d.ts: 91: 9 - lỗi TS1086: Một trình truy cập không thể được khai báo trong ngữ cảnh xung quanh.

91 đặt justify (className: 'start' | 'centre' | 'end' | 'fill' | 'justified'); ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 35: 9 - lỗi TS1086: Một trình truy cập không thể được khai báo trong ngữ cảnh xung quanh.

35 đặt giờStep (bước: số); ~~~~~~~ ~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 36: 9 - lỗi TS1086: Một trình truy cập không thể được khai báo trong ngữ cảnh xung quanh.

36 nhận giờStep (): số; ~~~~~~~ ~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 40: 9 - lỗi TS1086: Một trình truy cập không thể được khai báo trong ngữ cảnh xung quanh.

40 đặt phútStep (bước: số); ~~~~~~~~~ ~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 41: 9 - lỗi TS1086: Một trình truy cập không thể được khai báo trong ngữ cảnh xung quanh.

41 nhận phútStep (): số; ~~~~~~~~~ ~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 45: 9 - lỗi TS1086: Một trình truy cập không thể được khai báo trong ngữ cảnh xung quanh.

45 đặt secondStep (bước: số); ~~~~~~~~~ ~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 46: 9 - lỗi TS1086: Một trình truy cập không thể được khai báo trong ngữ cảnh xung quanh.

46 nhận secondStep (): số; ~~~~~~~~~ ~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 72: 9 - lỗi TS1086: Một trình truy cập không thể được khai báo trong ngữ cảnh xung quanh.

72 nhận isSmallSize (): boolean; ~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 73: 9 - lỗi TS1086: Một trình truy cập không thể được khai báo trong ngữ cảnh xung quanh.

73 nhận isLargeSize (): boolean; ~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/tooltip/tooltip.d.ts: 100: 9 - lỗi TS1086: Một trình truy cập không thể được khai báo trong ngữ cảnh xung quanh.

100 bộ ngbTooltip (giá trị: chuỗi | TemplateRef); ~~~~~~~~~ ~ node_modules/@ng-bootstrap/ng-bootstrap/tooltip/tooltip.d.ts: 101: 9 - lỗi TS1086: Một trình truy cập không thể được khai báo trong ngữ cảnh xung quanh.

101 nhận ngbTooltip (): chuỗi | TemplateRef;

** Máy chủ phát triển trực tiếp Angular đang nghe trên localhost: 4200, mở trình duyệt của bạn trên http: // localhost: 4200 / ** i wdm: Không thể biên dịch.

Thay thế @ng-bootstrap / ng-bootstrapvào package.jsonvới điều này:

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

và làm npm i

điều này làm việc tốt cho tôi

Tôi đã gặp vấn đề tương tự khi thử cài đặt ng-bootstrap lúc đầu, có lẽ việc khắc phục sự cố của tôi có thể giúp bạn hiểu rõ hơn.

Tôi đã giải quyết vấn đề này bằng cách cập nhật góc và CLI bằng cách sử dụng:

ng update @angular/cli @angular/core

Sau đó cài đặt gói bootstrap qua NPM (chỉ trong trường hợp bạn bỏ qua trong quá trình cài đặt)

npm install bootstrap

Sau đó tôi đã cài đặt ng-bootstrap

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

Sau khi tất cả điều này, ứng dụng đã khởi chạy, nhưng nó trống! Vì vậy, tôi đã kiểm tra bàn điều khiển và có một thông báo nói rằng tôi phải thêm nội địa hóa bằng lệnh sau:

ng add @angular/localize

Sau những bước này tôi đã có ứng dụng góc cạnh của mình và chạy, hy vọng điều này sẽ giúp.

EDIT: cũng đừng quên đưa tham chiếu đến node_modules / bootstrap / dist / css / bootstrap.min.css trong tệp angular.json của bạn

Câu trả lời ngắn (nếu bạn đang chạy Angular 8) :
Trong dự án của bạn, hãy chạy lệnh sau trên cli: npm install @ng-bootstrap/ng-bootstrap@5.3.0

Câu trả lời dài:
Vui lòng kiểm tra phiên bản của dự án góc của bạn và đảm bảo bạn cài đặt phiên bản NgBootstrap tương thích với dự án góc của bạn.

Hãy xem các phụ thuộc:
https://ng-bootstrap.github.io/#/getting-started

Bạn có thể kiểm tra phiên bản góc bằng cli: ng versionhoặc bạn kiểm tra tệp pack.json.

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

Thay thế @ ng-bootstrap / ng-bootstrap trong pack.json bằng phần trên. Nó sẽ làm việc.

Vấn đề:

LRI trong node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts: 191: 9 - lỗi TS1086: Một trình truy cập không thể được khai báo trong ngữ cảnh xung quanh. ** và cứ thế .....

Giải pháp

Thay đổi @ ng-bootstrap / ng-bootstrap trong pack.json với các phụ thuộc này:

   "dependencies": {

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

Chúng ta có thể đạt được điều này theo hai cách.

cách 1:

bước 1 Mở angular.jsontệp và hạ cấp phiên bản ng-bootstarp như sau

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

bước 2 chạy npm i

Cách 2:

chạy ng add @angular/localize

một trong những cách sẽ khắc phục vấn đề của bạn.

Tôi cũng có vấn đề tương tự được giải quyết bằng

ng add @ng-bootstrap/schematics

Đối với ứng dụng Angular 8 của tôi, tôi đã sử dụng phiên bản phụ thuộc này: "@ ng-bootstrap / ng-bootstrap": "~ 5.3.0"

Sử dụng 5.2.2 như đã đề cập trước đây, không làm việc cho tôi. Một số thuộc tính thẻ như cardClass (Ví dụ <ngb-panel [disabled]="disabled" [cardClass] ...>:) được hỗ trợ bắt đầu từ 5.3.0.

Bạn cũng phải thực hiện lệnh npm inhư đã đề cập trong các câu trả lời trước.

Chỉ cần hạ cấp gói ng-bootstrap

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