Teknologian jakaminen

vue3 ratkaisee virheraportin: ResizeObserver-silmukka valmistui toimittamattomilla ilmoituksilla

2024-07-12

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

Toimintaympäristö:vue3 js

Virheen sisältö:VIRHE
ResizeObserver-silmukka valmistui toimittamattomilla ilmoituksilla. 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)

Virheen syy: "ResizeObserver-silmukka suoritettu toimittamattomilla ilmoituksilla" liittyy yleensä selaimen ResizeObserver API:hen. Tämä virhe ilmenee yleensä, kun ResizeObserverin takaisinkutsutoiminto laukaisee suuren määrän reflow- tai uudelleenmaalauksia, kun sivun tai elementin koko muuttuu, ja nämä toiminnot puolestaan ​​laukaisevat lisää kokomuutoksia, muodostaen siten äärettömän silmukan tai ainakin erittäin tehottoman silmukan.

Koska käytän Ant Design Vuen taulukkokomponenttia (a-taulukko), minun on säädettävä taulukon leveyttä tarpeiden mukaan. Tämä virhe voidaan ilmoittaa, kun taulukko yrittää laskea tai hahmontaa uudelleen koon muuttuessa.(verkkopaketti ilmoittaa virheestä ikkunan koon mukauttamisen yhteydessä)

Ratkaisu: Lisää seuraava sisältö vue.config.js-tiedostoon (käynnistä projekti vain lisäämisen jälkeen)

asiakas: {

overlay: false

 },

! ! ! Ilmoitus: Kun peittokuva on epätosi, näitä tietoja ei näytetä peittokuvana selainsivulla, vaikka Webpack kohtaaisi virheitä tai varoituksia kääntämisen aikana.Tämä tarkoittaa, että sinun on hankittava nämä virheilmoitukset muilla tavoilla (kuten katsomalla selainkonsolia tai Webpackin päätetulostetta)