安装ng 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:无法在环境上下文中声明访问器。

28 set focus(isFocused:boolean); ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts:14:9-错误TS1086:无法在环境上下文中声明访问器。

14 get Disabled():布尔值; ~~~~~~~~ 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设定值(value:any); ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts:65:9-错误TS1086:无法在环境上下文中声明访问器。

65 set disable(isDisabled:boolean); ~~~~~~~~ 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 get disable():布尔值; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts:69:9-错误TS1086:无法在环境上下文中声明访问器。

69 get value():任何; ~~~~~ 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 get interval():数字; ~~~~~~~~ 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 get model $():可观察;~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-service.d.ts:17:9-错误TS1086:无法在环境上下文中声明访问器。

17 get 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 get disable():任何; ~~~~~~~~ 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 get Disabled():布尔值; ~~~~~~~~ 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获取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():number; ~~~ node_modules/@ng-bootstrap/ng-bootstrap/tabset/tabset.d.ts:91:9-错误TS1086:无法在环境上下文中声明访问器。

91 set justify(className:'开始'|'中心'|'结束'|'填充'|'已证明'); ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts:35:9-错误TS1086:无法在环境上下文中声明访问器。

35设置hourStep(步长:number);~~~~~~~~ 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个设置的minimumStep(步骤:数字);~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts:41:9-错误TS1086:无法在环境上下文中声明访问器。

41获取minuteStep():数字;~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts:45:9-错误TS1086:无法在环境上下文中声明访问器。

45.设置secondStep(step:number); ~~~~~~~~~~ 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(值:字符串| TemplateRef); ~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/tooltip/tooltip.d.ts:101:9-错误TS1086:无法在环境上下文中声明访问器。

101 get ngbTooltip():字符串| TemplateRef;

** Angular Live Development Server正在localhost:4200上侦听,请在http:// localhost:4200 /上打开浏览器。** wdm」:编译失败。


尝试将TypeScript升级到最新版本
prabhatojha

Answers:


27

替换@ng-bootstrap / ng-bootstrappackage.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
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

完成这些步骤后,我启动了我的角度应用程序并希望它能对您有所帮助。

编辑:也不要忘记在angular.json文件中包含对node_modules / bootstrap / dist / css / bootstrap.min.css引用


同样的问题仍然存在。
Anonim

您可以分享您的angular,bootstrap和ng-bootstrap版本吗?或您的项目的回购
Mario Perez

1
是的,这对我有用。需要ng update才能将angular更新到版本9+。如果您使用的是ng-bootstrap> = v6和angular> v9,则需要ng add @ angular / localize。
Yura Galavay

尽管我最终使用了角度/材质,但安装过程却类似,因为我忘记了提交或隐藏角度更新。
马里奥·佩雷斯

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检查angular的版本,也可以检查package.json文件。


是的,它的工作原理。谢谢
Daya Stark

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

用上面的部分替换package.json中的@ ng-bootstrap / ng-bootstrap。会的。


1

问题:

node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts:191:9中的错误-错误TS1086:无法在环境上下文中声明访问器。**,依此类推.....

使用以下依赖项更改package.json中的@ ng-bootstrap / ng-bootstrap:

   "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

对于我的Angular 8应用,我使用了以下依赖版本:“ @ ng-bootstrap / ng-bootstrap”:“〜5.3.0”

如前所述,使用5.2.2对我不起作用。一些标签属性,例如cardClass(例如:<ngb-panel [disabled]="disabled" [cardClass] ...>从5.3.0开始,支持。

您还必须npm i按照前面的答案执行命令。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.