Technologieaustausch

vue3 löst Fehlerbericht: ResizeObserver-Schleife mit nicht zugestellten Benachrichtigungen abgeschlossen

2024-07-12

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

Betriebsumgebung:vue3 js

Fehlerinhalt:FEHLER
ResizeObserver-Schleife mit nicht zugestellten Benachrichtigungen abgeschlossen. bei handleError (webpack-internal:///./node_modules/webpack-dev-server/client/overlay.js:299:58) bei eval (webpack-internal:///./node_modules/webpack-dev-server/client/overlay.js:318:7)

Fehlergrund: „ResizeObserver-Schleife mit nicht zugestellten Benachrichtigungen abgeschlossen“ hängt normalerweise mit der ResizeObserver-API des Browsers zusammen. Dieser Fehler tritt normalerweise auf, wenn die Rückruffunktion von ResizeObserver bei der Verarbeitung von Seiten- oder Elementgrößenänderungen eine große Anzahl von Reflows oder Repaints auslöst und diese Vorgänge wiederum weitere Größenänderungen auslösen und so eine Endlosschleife oder zumindest eine sehr ineffiziente Schleife bilden.

Da ich die Tabellenkomponente (a-table) von Ant Design Vue verwende, muss ich die Tabellenbreite entsprechend den Anforderungen anpassen. Dieser Fehler wird möglicherweise gemeldet, wenn die Tabelle versucht, neu zu berechnen oder neu zu rendern, wenn sich die Größe ändert.(Webpack meldet einen Fehler beim Anpassen der Fenstergröße)

Lösung: Fügen Sie den folgenden Inhalt zur Datei vue.config.js hinzu (starten Sie das Projekt einfach neu, nachdem Sie es hinzugefügt haben)

Klient: {

Overlay: falsch

 },

! ! ! Beachten: Wenn das Overlay auf „false“ gesetzt ist, werden diese Informationen nicht als Overlay auf der Browserseite angezeigt, selbst wenn Webpack beim Kompilieren auf Fehler oder Warnungen stößt.Das bedeutet, dass Sie diese Fehlermeldungen auf andere Weise erhalten müssen (z. B. über die Browserkonsole oder die Terminalausgabe von Webpack).