技術共有

vue3 はエラー レポートを解決します: ResizeObserver ループが完了し、通知が配信されませんでした

2024-07-12

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

動作環境:vue3js の

エラー内容:エラー
ResizeObserver ループは未配信の通知で完了しました。handleError (webpack-internal:///./node_modules/webpack-dev-server/client/overlay.js:299:58)、eval (webpack-internal:///./node_modules/webpack-dev-server/client/overlay.js:318:7)

エラーの理由: 「通知が配信されずに ResizeObserver ループが完了しました」は、通常、ブラウザーの ResizeObserver API に関連しています。このエラーは通常、ページまたは要素のサイズ変更の処理時に ResizeObserver のコールバック関数が大量のリフローまたは再描画をトリガーし、これらの操作によってさらに多くのサイズ変更がトリガーされ、無限ループまたは少なくとも非常に非効率なループが形成される場合に発生します。

Ant Design Vue のテーブル コンポーネント (a-table) を使用しているため、必要に応じてテーブルの幅を調整する必要があります。このエラーは、サイズが変更されたときにテーブルが再計算または再レンダリングされるときに報告されることがあります。(Webpack はウィンドウ サイズを調整するときにエラーを報告します)

解決策: 次のコンテンツを vue.config.js ファイルに追加します (追加後、プロジェクトを再起動するだけです)。

クライアント: {

オーバーレイ: false

 },

! ! !知らせ:オーバーレイが false に設定されている場合、Webpack でコンパイル中にエラーや警告が発生した場合でも、これらの情報はブラウザー ページにオーバーレイとして表示されません。これは、これらのエラー メッセージを他の手段 (ブラウザ コンソールや Webpack のターミナル出力を見るなど) で取得する必要があることを意味します。