Angular 5 ng-bootstrap Type 'ElementRef' 不是通用错误



我在以下版本中使用 angular 5 和 ng-bootstrap:

"private": true,
"dependencies": {
"@angular/animations": "^5.2.0",
"@angular/common": "^5.2.0",
"@angular/compiler": "^5.2.0",
"@angular/core": "^5.2.0",
"@angular/forms": "^5.2.0",
"@angular/http": "^5.2.0",
"@angular/platform-browser": "^5.2.0",
"@angular/platform-browser-dynamic": "^5.2.0",
"@angular/router": "^5.2.0",
"@ng-bootstrap/ng-bootstrap": "^2.1.0",
"angular-in-memory-web-api": "^0.5.4",
"angular2-moment": "^1.9.0",
"bootstrap": "^4.1.1",
"core-js": "^2.4.1",
"date-util": "^1.2.1",
"material-icons": "^0.2.1",
"ngx-bootstrap": "^3.0.0",
"normalize.css": "^8.0.0",
"rxjs": "^5.5.6",
"zone.js": "^0.8.19"
},

当我得到ng服务时有这个错误:

**

编译失败。

node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts(58,96(: 错误 TS2315:类型"元素引用"不是通用的。 node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-input.d.ts(121,67(: 错误 TS2315:类型"元素引用"不是通用的。 node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker.d.ts(115,208(: 错误 TS2315:类型"元素引用"不是通用的。 node_modules/@ng-bootstrap/ng-bootstrap/dropdown/dropdown.d.ts(12,45(: 错误 TS2315:类型"元素引用"不是通用的。 node_modules/@ng-bootstrap/ng-bootstrap/dropdown/dropdown.d.ts(29,45(: 错误 TS2315:类型"元素引用"不是通用的。 node_modules/@ng-bootstrap/ng-bootstrap/dropdown/dropdown.d.ts(37,44(: 错误 TS2315:类型"元素引用"不是通用的。 node_modules/@ng-bootstrap/ng-bootstrap/modal/modal-window.d.ts(13,40(: 错误 TS2315:类型"元素引用"不是通用的。

我遇到了同样的问题。所以我取消了ng-bootstrap.

然后我直接重新安装它2.0.0版本。

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

您需要将 Angular 6.0.0 或更高版本与 ng-bootstrap 一起使用>= 2.0.0。 npm/yarn 安装应该在安装过程中给您警告。

恢复到 ng-bootstrap 2.0.0 不是解决方案,因为您只会被这个版本的库困住,并且不会收到更新/修复。

要正确解决此问题,您需要:

  • 将 Angular 升级到版本 6.0.0 或更高版本(推荐(
  • 使用后期ng-bootstrap仍然与Angular 5.x(1.1.2(兼容

将 ng-bootstrap 版本更改为 "2.0.0">

"@ng-bootstrap/ng-bootstrap": "2.0.0"

然后npm install并尝试为应用程序提供服务。

我遇到了同样的问题,上述方法对我有用。

我突然面临同样的问题。

就我而言,我使用的是ng-boostrasp 2.0.0,但是我以这种方式指定了依赖项:

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

在某个时间点(基于过去成功构建的日志:自 6 月 1 日以来的某个地方(开始拾取 2.1.0 版。

所以我更改了我的 package.json 以选择确切的 2.0.0:

"@ng-bootstrap/ng-bootstrap": "2.0.0"

这解决了我的问题。

安装最新的 ng- 引导程序后,在服务时显示错误。

最后,这样做

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

帮助。

安装 ng-bootstrap 检查版本兼容性。

ng-bootstrap    Angular  Bootstrap CSS
1.x.x             5.0.2   4.0.0
2.x.x             6.0.0   4.0.0
3.x.x             6.1.0   4.0.0
4.x.x             7.0.0   4.0.0
5.x.x             8.0.0   4.3.1 

您可以在此处的版本选项卡下找到版本详细信息, https://www.npmjs.com/package/@ng-bootstrap/ng-bootstrap

相关内容

  • 没有找到相关文章

最新更新