Partage de technologie

vue3 résout le rapport d'erreur : boucle ResizeObserver terminée avec des notifications non délivrées

2024-07-12

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

Environnement d'exploitation:vue3 js

Contenu de l'erreur :ERREUR
Boucle ResizeObserver terminée avec des notifications non délivrées. at handleError (webpack-internal:///./node_modules/webpack-dev-server/client/overlay.js:299:58) at eval (webpack-internal:///./node_modules/webpack-dev-server/client/overlay.js:318:7)

Raison de l'erreur : "La boucle ResizeObserver terminée avec des notifications non délivrées" est généralement liée à l'API ResizeObserver du navigateur. Cette erreur se produit généralement lorsque la fonction de rappel de ResizeObserver déclenche un grand nombre de redistributions ou de repaints lors du traitement des changements de taille de page ou d'élément, et ces opérations déclenchent à leur tour davantage de changements de taille, formant ainsi une boucle infinie ou du moins une boucle très inefficace.

Parce que j'utilise le composant table (a-table) d'Ant Design Vue, je dois ajuster la largeur du tableau en fonction des besoins. Cette erreur peut être signalée lorsque le tableau tente de recalculer ou de restituer lorsque la taille change.(webpack signalera une erreur lors de l'adaptation de la taille de la fenêtre)

Solution : ajoutez le contenu suivant au fichier vue.config.js (redémarrez simplement le projet après l'ajout)

client: {

superposition : faux

 },

! ! ! Avis: Lorsque la superposition est définie sur false, même si Webpack rencontre des erreurs ou des avertissements lors de la compilation, ces informations ne seront pas affichées en superposition sur la page du navigateur.Cela signifie que vous devez obtenir ces messages d'erreur par d'autres moyens (par exemple en consultant la console du navigateur ou la sortie du terminal de Webpack).