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

9

ОШИБКА в 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 получить 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 установить 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 получить состояние (): 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 становится активным (): логическое значение; ~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/nav/nav.d.ts: 65: 9 - ошибка TS1086: метод доступа не может быть объявлен в окружающем контексте.

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

91 set justify (className: 'start' | 'center' | 'end' | 'fill' | 'jusoted'); ~~~~~~~ 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 (): число; ~~~~~~~~ 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」: Не удалось скомпилировать.

user12942001
источник
попробуйте обновить TypeScript до последней версии
prabhatojha

Ответы:

27

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

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

и делать npm i

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

Сартак Махешвари
источник
это сработало и для меня. Спасибо
MSV
Ага. Это работает для меня после понижения версии ng-bootstrap.
Акаш Гадхия
1
Исправлено для меня тоже. В документах говорится, что ng-bootstrap 6 предназначен для Angular 9 (я на 8). Я предполагал, что это будет обратно совместимо - угадайте, нет :)
Саймон Сторр
У меня тоже
сработало
1
Я установил Angular 7, поэтому мне пришлось заменить его следующим образом: "@ ng-bootstrap / ng-bootstrap": "^ 4.2.1". Таблица совместимости находится на этой странице: ng-bootstrap.github.io/#/getting-started
Celso Soares
4

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

Я решил эту проблему, обновив angular и CLI, используя:

ng update @angular/cli @angular/core

Затем установил пакет начальной загрузки через 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

Марио Перес
источник
та же проблема все еще сохраняется.
Аноним
не могли бы вы поделиться своими версиями angular, bootstrap и ng-bootstrap? или репо вашего проекта возможно
Марио Перес
1
Да, это работает для меня. Для обновления Angular до версии 9+ необходимо обновление ng. ng add @ angular / localize необходим, если вы используете ng-bootstrap> = v6 и angular> v9.
Юра Галавай
Несмотря на то, что я использовал Angular / Material, процесс установки был аналогичным, так как я забыл зафиксировать или спрятать угловое обновление.
Марио Перес
1
Мне поможет обновление угловой версии wo 9+. Ngbootstrap 6+ нужна угловая версия 9+
Крысы Тяги
4

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

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

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

Вы можете проверить версию angular с помощью cli: ng versionили проверить свой файл package.json.

Оскар
источник
да, это работает. спасибо
Дая Старк
2
"@ng-bootstrap/ng-bootstrap": "^5.2.2"

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

Anonim
источник
1

Выпуск:

ОШИБКА в 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:

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

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

шаг 2 бега npm i

Способ 2:

запустить ng add @angular/localize

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

Ананд Раджа
источник
0

У меня также та же проблема, которая должна быть решена

ng add @ng-bootstrap/schematics
ChandramouliS
источник
0

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

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

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

Юнесс Мархрани
источник
0

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

npm i @ng-bootstrap/ng-bootstrap@5.3.0
чедли мауло
источник