web-dev-qa-db-ja.com

実行中にフレックスレイアウトの問題が発生する

申し訳ありませんが、これを試してみました link 私に言うことはありますが、誰かが私を助けてくれることはありませんでした。エラーのコンソール


Node_modules/@angular/flex-layout/core/typings/match-media/mock/mock-match-media.d.ts(25,15)のエラー:エラーTS2416:プロパティ 'タイプ「MockMatchMedia」のレジストリは、ベースタイプ「MatchMedia」の同じプロパティに割り当てることができません。タイプ 'Map'は、タイプ 'Map'に割り当てることができません。タイプ「MockMediaQueryList」は、タイプ「MediaQueryList」に割り当てることができません。プロパティ「removeListener」のタイプには互換性がありません。タイプ '(:EventListenerOrEventListenerObject)=> void'は、タイプ '(listener:MediaQueryListListener)=> void'に割り当てることができません。パラメーター「_」と「リスナー」のタイプには互換性がありません。タイプ「MediaQueryListListener」は、タイプ「EventListenerOrEventListenerObject」に割り当てることができません。タイプ「MediaQueryListListener」は、タイプ「EventListenerObject」に割り当てることができません。プロパティ「handleEvent」がタイプ「MediaQueryListListener」にありません。 node_modules/@angular/flex-layout/core/typings/match-media/mock/mock-match-media.d.ts(82,5):エラーTS2416:タイプ「MockMediaQueryList」のプロパティ「removeListener」は割り当てられません基本タイプ「MediaQueryList」の同じプロパティ。タイプ '(:EventListenerOrEventListenerObject)=> void'は、タイプ '(listener:MediaQueryListListener)=> void'に割り当てられません。パラメーターのタイプ ''と 'listener'は互換性がありません。タイプ「MediaQueryListListener」は、タイプ「EventListenerOrEventListenerObject」に割り当てることができません。タイプ「MediaQueryListListener」は、タイプ「EventListenerObject」に割り当てることができません。 node_modules/@angular/flex-layout/core/typings/match-media/mock/mock-match-media.d.ts(83,38):エラーTS2304:名前「MediaQueryListEventMap」が見つかりません。 node_modules/@angular/flex-layout/core/typings/match-media/mock/mock-match-media.d.ts(83,99):エラーTS2304:名前「MediaQueryListEventMap」が見つかりません。 node_modules/@angular/flex-layout/core/typings/match-media/mock/mock-match-media.d.ts(84,41):エラーTS2304:名前「MediaQueryListEventMap」が見つかりません。 node_modules/@angular/flex-layout/core/typings/match-media/mock/mock-match-media.d.ts(84,102):エラーTS2304:名前「MediaQueryListEventMap」が見つかりません。 node_modules/@angular/flex-layout/core/typings/match-media/mock/mock-match-media.d.ts(95,67):エラーTS2304:名前「MediaQueryListEvent」が見つかりません。 node_modules/@angular/flex-layout/core/typings/match-media/server-match-media.d.ts(30,5):タイプTS基本タイプ「MediaQueryList」のプロパティ。タイプ '(:EventListenerOrEventListenerObject)=> void'は、タイプ '(listener:MediaQueryListListener)=> void'に割り当てられません。パラメーターのタイプ ''と 'listener'は互換性がありません。タイプ「MediaQueryListListener」は、タイプ「EventListenerOrEventListenerObject」に割り当てることができません。タイプ「MediaQueryListListener」は、タイプ「EventListenerObject」に割り当てることができません。 node_modules/@angular/flex-layout/core/typings/match-media/server-match-media.d.ts(31,38):エラーTS2304:名前「MediaQueryListEventMap」が見つかりません。 node_modules/@angular/flex-layout/core/typings/match-media/server-match-media.d.ts(31,99):エラーTS2304:名前「MediaQueryListEventMap」が見つかりません。 node_modules/@angular/flex-layout/core/typings/match-media/server-match-media.d.ts(32,41):エラーTS2304:名前「MediaQueryListEventMap」が見つかりません。 node_modules/@angular/flex-layout/core/typings/match-media/server-match-media.d.ts(32,102):エラーTS2304:名前「MediaQueryListEventMap」が見つかりません。 node_modules/@angular/flex-layout/core/typings/match-media/server-match-media.d.ts(46,15):エラーTS2416:タイプのプロパティ 'registry' 「ServerMatchMedia」は、ベースタイプ「MatchMedia」の同じプロパティに割り当てることができません。タイプ 'Map'は、タイプ 'Map'に割り当てることができません。タイプ「ServerMediaQueryList」は、タイプ「MediaQueryList」に割り当てることができません。プロパティ「removeListener」のタイプには互換性がありません。タイプ '(:EventListenerOrEventListenerObject)=> void'は、タイプ '(listener:MediaQueryListListener)=> void'に割り当てることができません。パラメーター「_」と「リスナー」のタイプには互換性がありません。タイプ「MediaQueryListListener」は、タイプ「EventListenerOrEventListenerObject」に割り当てることができません。タイプ「MediaQueryListListener」は、タイプ「EventListenerObject」に割り当てることができません。 node_modules/@angular/flex-layout/core/typings/match-media/server-match-media.d.ts(58,15):エラーTS2416:タイプ 'ServerMatchMedia'のプロパティ '_buildMQL'は同じ割り当て不可基本型「MatchMedia」のプロパティ。タイプ '(query:string)=> ServerMediaQueryList'は、タイプ '(query:string)=> MediaQueryList'に割り当てることができません。タイプ「ServerMediaQueryList」は、タイプ「MediaQueryList」に割り当てることができません。 node_modules/@angular/flex-layout/core/typings/match-media/server-match-media.d.ts(60,67):エラーTS2304:名前「MediaQueryListEvent」が見つかりません。

11
b1n

IDKが同じ問題を抱えている人が解決するのが最善であれば解決策を見つけましたが、私にとってはこれが機能します:

    npm install @angular/[email protected] 
15
b1n

プロジェクト内:package.jsonからflexレイアウトを削除/削除してから実行します:

npm update

に続く:

npm install @angular/flex-layout@latest --save

これにより、angularマテリアルと互換性のあるflexの最新バージョンが自動的にインストールされます。

5
RileyManda

かつてflex-layoutとMatchMediaで同様の問題が発生しました。その後、多くのデバッグの後、犯人はrxjsでした。

Package.jsonファイルでこれらのパッケージのセマンティックバージョニングを使用していないかどうかを確認してください。

以下では、エラーが発生していました

"rxjs": "^6.2.2",
"rxjs-compat": "^6.2.1",

変更これにより問題が解決します

"rxjs": "6.2.2",
"rxjs-compat": "6.2.1",

これを試して確認してください

4
Vivek Kumar

私の場合、@ angular/flex-layoutをアンインストールし、すぐに問題を解決しました。

これは、v 6.2からangular 7に更新した後に発生しました

これが役立つことを願っています。

2
Ahmed

私にとってこれはうまくいきました:

npm install @angular/[email protected] --save
1
Zoha Irshad

私もこれを得ていました

Node_modules/@angular/flex-layout/extended/typings/style/style.d.ts(72,67)のエラー:エラーTS1144: '{'または ';'期待した。 node_modules/@angular/flex-layout/extended/typings/style/style.d.ts(74,5):エラーTS1128:宣言またはステートメントが必要です。 node_modules/@angular/flex-layout/extended/typings/style/style.d.ts(74,33):エラーTS1005: ';'期待した。 node_modules/@angular/flex-layout/extended/typings/style/style.d.ts(74,39):エラーTS1109:式が必要です。 node_modules/@angular/flex-layout/extended/typings/style/style.d.ts(79,5):エラーTS1128:宣言またはステートメントが必要です

TypeScriptバージョン2.9.1をインストールして解決しました

1
tyndo

同じ問題がありました。 Flexレイアウトの新しいバージョン^7.0.0-beta.19は、古いバージョンのangularすなわち7以下と完全に互換性がないと思います。ng-update --allを実行し、TypeScriptを更新しました。 3.1.3へのバージョンで、すべて正常に実行されていました。 here から詳細情報を取得できます。

1
kinny94

そのバージョンに関連する問題があるため、コマンドng update allを実行するだけです

1

「rxjs」の変更:「〜6.4.0」から「rxjs」:「6.4.0」が動作するようになった

0
Arunsai B K