web-dev-qa-db-ja.com

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 serveを取得するとこのエラーが発生します：

**

コンパイルに失敗しました。

node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts（58,96）：エラーTS2315：タイプ 'ElementRef'はジェネリックではありません。 node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-input.d.ts（121,67）：エラーTS2315：タイプ 'ElementRef'はジェネリックではありません。 node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker.d.ts（115,208）：エラーTS2315：タイプ 'ElementRef'はジェネリックではありません。 node_modules/@ng-bootstrap/ng-bootstrap/dropdown/dropdown.d.ts（12,45）：エラーTS2315：タイプ 'ElementRef'はジェネリックではありません。 node_modules/@ng-bootstrap/ng-bootstrap/dropdown/dropdown.d.ts（29,45）：エラーTS2315：タイプ 'ElementRef'はジェネリックではありません。 node_modules/@ng-bootstrap/ng-bootstrap/dropdown/dropdown.d.ts（37,44）：エラーTS2315：タイプ 'ElementRef'はジェネリックではありません。 node_modules/@ng-bootstrap/ng-bootstrap/modal/modal-window.d.ts（13,40）：エラーTS2315：タイプ 'ElementRef'はジェネリックではありません。

javascriptnode.jsangularangular5ng-bootstrap
17
GustavoFraga

同じ問題がありました。だから私はng-bootstrapを失速させた。

その後、2.0.0バージョンで直接再インストールします。

npm install --save @ng-bootstrap/[email protected]

26
Azac

Ng-bootstrap> = 2.0.0でAngular 6.0.0以降を使用する必要があります。 npm/yarn installにより、インストール中に警告が表示されるはずです。

Ng-bootstrap 2.0.0に戻すことはnotのソリューションであり、このバージョンのライブラリにこだわるだけで、更新/修正を受け取れないためです。

この問題を適切に解決するには、次のいずれかが必要です。

  • Angularをバージョン6.0.0以降にアップグレードします（推奨）
  • Angular 5.x（1.1.2）と互換性のある最新のng-bootstrapを使用します
13
pkozlowski.opensource

Ng-bootstrapのバージョンを「2.0.0」に変更します

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

そしてnpm install＆アプリケーションの提供を試みます。

私は同じ問題に直面し、上記の方法はうまくいきました。

9
Shalika Akalanka

私は突然同じ問題に直面しています。

私の場合、ng-boostrasp 2.0.0を使用していましたが、この方法で依存関係を指定していました。

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

ある時点で（過去の成功したビルドのログに基づいて：1月6日以降のどこかで）バージョン2.1.0のピックアップを開始しました。

そこで、package.jsonを変更して、正確に2.0.0を選択しました。

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

これで問題が解決しました。

8
EnjiLenin

最新のng- bootstrapをインストールした後、サーバーでエラーが表示されました。

最後に、これを行う

npm install --save @ng-bootstrap/[email protected]

助けた。

0
Athi