После установки ng bootstrap и компиляции я получаю эту ошибку

Question

ОШИБКА в node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts: 191: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

191 set ngbPanelToggle (панель: NgbPanel); ~~~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/checkbox.d.ts: 28: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

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

66 set focus (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 get 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 set wrap (значение: логическое); ~~~~ 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 set pauseOnHover (значение: логическое значение); ~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts: 59: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

59 get pauseOnHover (): логическое значение; ~~~~~~~~~~~~ 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 get dateSelect $ (): Observable; ~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker.d.ts: 234: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

234 get state (): 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 - errorm 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 get componentInstance (): любой; ~~~~~~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/nav/nav.d.ts: 64: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающий контекст.

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

65 get id (): любой; ~~ node_modules/@ng-bootstrap/ng-bootstrap/nav/nav.d.ts: 66: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

66 get panelDomId (): строка; ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/progressbar/progressbar.d.ts: 12: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

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

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

91 set justify (className : 'start' | 'center' | 'end' | 'fill' | 'juscted'); ~~~~~~~ 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 get hourStep (): число; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 40: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

40 set minutesStep (шаг: номер); ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 41: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

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

45 set secondStep (step: number); ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts: 46: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

46 get 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 set ngbTooltip (значение: строка | TemplateRef); ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/tooltip/tooltip.d.ts: 101: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

101 get ngbTooltip (): string | TemplateRef;

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

Answer 1

Замените @ng-bootstrap / ng-bootstrap в package.json на это:

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

и сделайте npm i

для меня это работало нормально.

Answer 2

Краткий ответ (если вы работаете Angular 8) :
В вашем проекте выполните следующую команду на cli: npm install @ng-bootstrap/ng-bootstrap@5.3.0

Длинный ответ:
Пожалуйста, проверьте версию вашего angular проекта и убедитесь, что вы установили версию Ng Bootstrap, совместимую с вашим angular проектом.

Посмотрите на зависимости:
https://ng-bootstrap.github.io/# / Getting-Start

Вы можете проверить версию angular, используя cli: ng version или проверить пакет. json файл .

Answer 3

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

Я решил эту проблему, обновив angular и 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

После этих шагов у меня было запущено и запущено мое приложение angular, надеюсь, это поможет.

РЕДАКТИРОВАТЬ: также не забудьте включить ссылку на node_modules / bootstrap / dist / css / bootstrap .min. css в вашем angular. json файл

Answer 4

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

Замените @ ng- bootstrap / ng- bootstrap в упаковке. json указанным выше разделом. Это будет работать.

Answer 5

Мы можем достичь этого двумя способами.

way 1:

step-1 Откройте файл angular.json и понизьте версию ng-bootstarp следующим образом

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

шаг-2 беги npm i

Способ 2:

бег ng add @angular/localize

любой из способов решит вашу проблему.

Answer 6

Проблема:

ОШИБКА в node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts: 191: 9 - ошибка TS1086: метод доступа не может быть объявлено в окружающем контексте. ** и т. д. .....

Решение

Change @ ng- bootstrap / ng- bootstrap в пакете. json с этими зависимостями:

   "dependencies": {

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

Answer 7

Просто понизьте пакет ng- bootstrap

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

Answer 8

Для моего приложения Angular 8 я использовал эту версию зависимости: "@ ng-bootstrap / ng- bootstrap": "~ 5.3.0"

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

Вы также должны выполнить команду npm i, как упоминалось в предыдущих ответах.

Answer 9

У меня тоже такая же проблема, которую нужно решить

ng add @ng-bootstrap/schematics