Condivisione della tecnologia

vue3 risolve il rapporto di errore: ciclo ResizeObserver completato con notifiche non consegnate

2024-07-12

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

Ambiente operativo:vue3 js

Contenuto dell'errore:ERRORE
Ciclo ResizeObserver completato con notifiche non recapitate. 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)

Motivo dell'errore: "Loop ResizeObserver completato con notifiche non consegnate" è solitamente correlato all'API ResizeObserver del browser. Questo errore di solito si verifica quando la funzione di callback di ResizeObserver attiva un gran numero di ridisposizioni o ridipinture durante l'elaborazione delle modifiche alle dimensioni della pagina o dell'elemento e queste operazioni a loro volta attivano più modifiche alle dimensioni, formando così un ciclo infinito o almeno un ciclo molto inefficiente.

Poiché sto utilizzando il componente tabella (a-table) di Ant Design Vue, devo regolare la larghezza della tabella in base alle esigenze. Questo errore potrebbe essere segnalato quando la tabella tenta di ricalcolare o eseguire nuovamente il rendering quando le dimensioni cambiano.(il webpack segnalerà un errore durante l'adattamento delle dimensioni della finestra)

Soluzione: aggiungi il seguente contenuto al file vue.config.js (basta riavviare il progetto dopo l'aggiunta)

cliente: {

sovrapposizione: falso

 },

! ! ! Avviso: Quando l'overlay è impostato su false, anche se Webpack rileva errori o avvisi durante la compilazione, queste informazioni non verranno visualizzate come overlay nella pagina del browser.Ciò significa che è necessario ottenere questi messaggi di errore attraverso altri mezzi (come guardare la console del browser o l'output del terminale di Webpack)