Після того, як я встановлю завантажувальний пристрій і компілюю, я отримую цю помилку

ПОМИЛКА в 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: Доступ не можна оголосити в умовах навколишнього середовища.

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 встановлене значення (значення: будь-яке); ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 65: 9 - помилка TS1086: Доступ не можна оголосити в умовах навколишнього середовища.

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: Доступ не можна оголосити в умовах навколишнього середовища.

70 отримати nameAttr (): рядок; ~~~~~~~~ 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 встановити обгортання (значення: булева); ~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 48: 9 - помилка TS1086: Доступ не можна оголосити в умовах навколишнього середовища.

48 get wrap (): булева; ~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts [0m: 58: 9 - помилка TS1086: Доступ не можна оголосити в умовах навколишнього середовища.

58 встановити паузуOnHover (значення: булева); ~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 59: 9 - помилка TS1086: Доступ не можна оголосити в умовах навколишнього середовища.

59 отримати паузуOnHover (): булева; ~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-service.d.ts: 16: 9 - помилка TS1086: Доступ не можна оголосити в умовах навколишнього середовища.

16 отримати модель $ (): спостерігається; ~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-service.d.ts: 17: 9 - помилка TS1086: Доступ не можна оголосити в умовах навколишнього середовища.

17 отримати dateSelect $ (): спостерігається; ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker.d.ts: 234: 9 - помилка TS1086: Доступ не можна оголосити в умовах навколишнього середовища.

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: Доступ не можна оголосити в умовах навколишнього середовища.

200 отримати інвалідів (): будь-який; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-input.d.ts: 201: 9 - помилка TS1086: Доступ не може бути оголошений в умовах навколишнього середовища.

201 набір вимкнено (значення: будь-яке); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-month.d.ts: 26: 9 - помилка TS1086: Доступ не можна оголосити в умовах навколишнього середовища.

26 встановлений місяць (місяць: NgbDateStruct); ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/dropdown/dropdown.d.ts: 15: 9 - помилка TS1086: Доступ не можна оголосити в умовах навколишнього середовища.

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: Доступ не можна оголосити в умовах навколишнього середовища.

40 отримати компонентInstance (): будь-який; ~~~~~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/nav/nav.d.ts: 64: 9 - помилка TS1086: Доступ не можна оголосити в контекст навколишнього середовища.

64 активізуватися (): булева; ~~~~~~ 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: Доступ не можна оголосити в умовах навколишнього середовища.

66 отримати панельDomId (): рядок; ~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/progressbar/progressbar.d.ts: 12: 9 - помилка TS1086: Доступ не можна оголосити в умовах навколишнього середовища.

12 встановити макс (max: число); ~~~ node_modules/@ng-bootstrap/ng-bootstrap/progressbar/progressbar.d.ts: 13: 9 - помилка TS1086: Доступ не можна оголосити в умовах навколишнього середовища.

13 отримати max (): число; ~~~ node_modules/@ng-bootstrap/ng-bootstrap/tabset/tabset.d.ts: 91: 9 - помилка TS1086: Доступ не можна оголосити в умовах навколишнього середовища.

91 set justify (className: 'start' | 'center' | 'end' | 'fill' | 'justify'); ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 35: 9 - помилка TS1086: Доступ не можна оголосити в умовах навколишнього середовища.

35 встановлених hourStep (крок: кількість); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 36: 9 - помилка TS1086: Доступ не можна оголосити в умовах навколишнього середовища.

36 отримати hourStep (): число; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 40: 9 - помилка TS1086: Доступ не можна оголосити в умовах навколишнього середовища.

40 встановлених хвилинStep (крок: число); ~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 41: 9 - помилка TS1086: Доступ не можна оголосити в умовах навколишнього середовища.

41 get minutStep (): число; ~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 45: 9 - помилка TS1086: Доступ не можна оголосити в умовах навколишнього середовища.

45 встановити secondStep (крок: число); ~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 46: 9 - помилка TS1086: Доступ не можна оголосити в умовах навколишнього середовища.

46 отримати secondStep (): число; ~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 72: 9 - помилка TS1086: Доступ не можна оголосити в умовах навколишнього середовища.

72 get isSmallSize (): булевий; ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 73: 9 - помилка TS1086: Доступ не можна оголосити в умовах навколишнього середовища.

73 get isLargeSize (): булевий; ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/tooltip/tooltip.d.ts: 100: 9 - помилка TS1086: Доступ не можна оголосити в умовах навколишнього середовища.

100 встановити ngbTooltip (значення: string | TemplateRef); ~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/tooltip/tooltip.d.ts: 101: 9 - помилка TS1086: Доступ не можна оголосити в умовах навколишнього середовища.

101 отримати ngbTooltip (): рядок | TemplateRef;

** Angular Live Development Server прослуховує на localhost: 4200, відкрийте браузер на http: // localhost: 4200 / ** i ｢wdm｣: Не вдалося компілювати.

Замінити @ng-bootstrap / ng-bootstrapв package.jsonз цим:

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

і робити npm i

це добре працювало для мене.

У мене була така ж проблема при спробі встановити ng-bootstrap спочатку, можливо, моє усунення несправностей може дати вам деяке розуміння.

Я вирішив цю проблему, оновивши кутовий та CLI, використовуючи:

ng update @angular/cli @angular/core

Потім встановіть пакет завантаження через NPM (про всяк випадок, якщо ви пропустили його під час встановлення)

npm install bootstrap

після цього я встановив ng-bootstrap

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

зрештою це запустило додаток, але воно було порожнім! тому я перевірив консоль, і з’явилося повідомлення про те, що я повинен був додати локалізувати за допомогою наступної команди:

ng add @angular/localize

Після цих кроків у мене був запущений кутовий додаток, сподіваюся, що це допоможе.

EDIT: також не забудьте включити посилання на node_modules / bootstrap / dist / css / bootstrap.min.css у свій файл angular.json

Короткий відповідь (якщо ви використовуєте Angular 8) :
У своєму проекті виконайте таку команду на кліпі: npm install @ng-bootstrap/ng-bootstrap@5.3.0

Довга відповідь:
Перевірте версію свого кутового проекту та переконайтеся, що ви встановили версію NgBootstrap, сумісну з вашим кутовим проектом.

Погляньте на залежності:
https://ng-bootstrap.github.io/#/getting-started

Ви можете перевірити версію кутового за допомогою cli: ng versionабо ви перевірте файл package.json.

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

Замініть @ ng-bootstrap / ng-bootstrap в package.json розділом вище. Це спрацює.

Проблема:

ПОМИЛКА в node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts: 191: 9 - помилка TS1086: Доступ не може бути оголошений в умовах навколишнього середовища. ** і так далі .....

Рішення

Змініть @ ng-bootstrap / ng-bootstrap в package.json за допомогою цих залежностей:

   "dependencies": {

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

Ми можемо досягти цього двома способами.

спосіб 1:

крок-1 Відкрийте angular.jsonфайл і поновіть версію ng-bootstarp наступним чином

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

крок-2 пробіг npm i

Спосіб 2:

бігати ng add @angular/localize

будь-який із способів виправить вашу проблему.

Для свого додатка Angular 8 я використав цю версію залежності: "@ ng-bootstrap / ng-bootstrap": "~ 5.3.0"

Використання 5.2.2, як згадувалося раніше, для мене не працювало. Деякі атрибути тегів, як cardClass (Ex :)<ngb-panel [disabled]="disabled" [cardClass] ...> , підтримуються починаючи з 5.3.0.

Ви також повинні виконати команду, npm iяк зазначено в попередніх відповідях.

У мене є те саме питання, яке слід вирішити

ng add @ng-bootstrap/schematics

Просто зменшіть пакет ng-bootstrap

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