ngブートストラップをインストールしてコンパイルした後、このエラーが発生します


9

node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts:191:9のエラー-エラーTS1086:アンサーコンテキストでアクセサーを宣言できません。

191 set ngbPanelToggle(panel:NgbPanel); ~~~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/checkbox.d.ts:28:9-エラーTS1086:アクセサーはアンビエントコンテキストで宣言できません。

28フォーカスを設定(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フォーカスを設定(isFocused:ブール); ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts:67:9-エラーTS1086:アクセサーはアンビエントコンテキストで宣言できません。

67 check()を取得します:ブール値。~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts:68:9-エラーTS1086:アクセサーはアンビエントコンテキストで宣言できません。

68 get disabled():ブール値。~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts:69:9-エラーTS1086:アクセサーはアンビエントコンテキストで宣言できません。

69 get value():any; ~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts:70:9-エラーTS1086:アクセサーはアンビエントコンテキストで宣言できません。

70 get nameAttr():string; ~~~~~~~~ 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 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 set 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モデル$()を取得:観察可能; ~~~~~~ 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 get calendar():NgbCalendar; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-input.d.ts:200:9-エラーTS1086:アクセサーはアンビエントコンテキストで宣言できません。

200 get disabled():任意; ~~~~~~~~ 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 get disabled():ブール値。~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/modal/modal-ref.d.ts:40:9-エラーTS1086:アクセサーはアンビエントコンテキストで宣言できません。

40 get componentInstance():any; ~~~~~~~~~~~~~~~~~ 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():任意; ~~ node_modules/@ng-bootstrap/ng-bootstrap/nav/nav.d.ts:66:9-エラーTS1086:アクセサーはアンビエントコンテキストで宣言できません。

66 get panelDomId():string; ~~~~~~~~~~ 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():数値; ~~~ node_modules/@ng-bootstrap/ng-bootstrap/tabset/tabset.d.ts:91:9-エラーTS1086:アクセサーはアンビエントコンテキストで宣言できません。

91 set justify(className: 'start' | 'center' | 'end' | 'fill' | 'justified'); ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/timepicker/timepicker.d.ts:35:9-エラーTS1086:アクセサーはアンビエントコンテキストで宣言できません。

35 set 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 set minuteStep(step:number); ~~~~~~~~~~ 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():boolean; ~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/tooltip/tooltip.d.ts:100:9-エラーTS1086:アクセサーはアンビエントコンテキストで宣言できません。

100 ngbTooltip(value:string | TemplateRef); ~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/tooltip/tooltip.d.ts:101:9-エラーTS1086:アクセサーはアンビエントコンテキストで宣言できません。

101 ngbTooltip()を取得:文字列| TemplateRef;

** Angular Live Development Serverはlocalhost:4200でリッスンしています。ブラウザをhttp:// localhost:4200 /で開いてください** i 「wdm」:コンパイルに失敗しました。


TypeScriptを最新バージョンにアップグレードしてみてください
prabhatojha

回答:


27

これに置き換え@ng-bootstrap / ng-bootstrapてくださいpackage.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

角度、ブートストラップ、およびng-bootstrapバージョンを共有できますか?またはおそらくあなたのプロジェクトのリポジトリ
マリオ・ペレス

1
はい、これでうまくいきます。Angularをバージョン9以降に更新するには、ng updateが必要です。ng add @ angular / localizeは、ng-bootstrap> = v6およびangular> v9を使用している場合に必要です。
Yura Galavay

最終的には角度/材料を使用しましたが、角度の更新をコミットまたは隠しておくのを忘れたため、インストールプロセスは同様でした。
マリオ・ペレス

1
Angularバージョン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:を使用してangularのバージョンng versionを確認するか、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

これは2つの方法で実現できます。

方法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を使用しても、うまくいきませんでした。5.3.0以降、cardClass(例:)などの一部のタグ属性<ngb-panel [disabled]="disabled" [cardClass] ...>がサポートされます。

npm i以前の回答で述べたように、コマンドを実行する必要もあります。


弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.