安装ng bootstrap并编译后,出现此错误

时间:2020-02-22 03:23:33

标签: angular bootstrap-4 ng-bootstrap

输入错误 node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts:191:9 -错误TS1086:无法在环境上下文中声明访问器。

191设置ngbPanelToggle(panel: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个设定值(值:任意); ~~~~~ 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 get check():布尔值; ~~~~~~~ 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():number; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/carousel/carousel.d.ts:47:9- 错误TS1086:无法在环境上下文中声明访问器。

47 set wrap(value:boolean); ~~~~ 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(value:boolean); ~~~~~~~~~~~~ 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 get state():NgbDatepickerState; ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker.d.ts:240:9 -错误TS1086:无法在环境上下文中声明访问器。

240获取calendar():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 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个max(max:number); ~~~ 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(step:number); ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts:36:9 -错误TS1086:无法在环境上下文中声明访问器。

36 get hourStep():number; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts:40:9 -错误TS1086:无法在环境上下文中声明访问器。

40设置分钟步长(step:number); ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts:41:9 -错误TS1086:无法在环境上下文中声明访问器。

41 get minutesStep():number; ~~~~~~~~~~ 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 get secondStep():number; ~~~~~~~~~~ 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(value:string | 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」:编译失败。

9 个答案:

答案 0 :(得分:36)

@ng-bootstrap / ng-bootstrap中的package.json替换为:

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

然后执行npm i

这对我来说很好。

答案 1 :(得分:7)

简短回答 (如果您正在运行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文件。

答案 2 :(得分:6)

一开始尝试安装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 的引用

答案 3 :(得分:5)

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

用以上部分替换package.json中的@ ng-bootstrap / ng-bootstrap。它将起作用。

答案 4 :(得分:2)

问题:

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

答案 5 :(得分:1)

我们可以通过两种方式实现这一目标。

方式1:

步骤1打开angular.json文件,并按照以下说明降级ng-bootstarp版本

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

第2步运行npm i

方法2:

运行ng add @angular/localize

这两种方法都可以解决您的问题。

答案 6 :(得分:1)

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

使用前面提到的5.2.2不适用于我。从5.3.0开始,支持某些标签属性,例如 cardClass (例如:<ngb-panel [disabled]="disabled" [cardClass] ...>)。

您还必须执行前面的答案中提到的命令npm i

答案 7 :(得分:1)

只需降级ng-bootstrap软件包

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

答案 8 :(得分:0)

我也有要解决的问题

ng add @ng-bootstrap/schematics