Обмен технологиями

vue3 устраняет отчет об ошибке: цикл ResizeObserver завершен с недоставленными уведомлениями

2024-07-12

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

Рабочая среда:vue3 js

Содержание ошибки:ОШИБКА
Цикл ResizeObserver завершен с недоставленными уведомлениями. 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)

Причина ошибки: «Цикл ResizeObserver завершен недоставленными уведомлениями» обычно связан с API ResizeObserver браузера. Эта ошибка обычно возникает, когда функция обратного вызова ResizeObserver запускает большое количество перекомпоновок или перерисовок при обработке изменений размера страницы или элемента, а эти операции, в свою очередь, вызывают большее количество изменений размера, образуя таким образом бесконечный цикл или, по крайней мере, очень неэффективный цикл.

Поскольку я использую компонент таблицы (a-таблица) Ant Design Vue, мне нужно настроить ширину таблицы в соответствии с потребностями. Об этой ошибке может сообщать, когда таблица пытается пересчитать или повторно отобразить при изменении размера.(webpack сообщит об ошибке при адаптации размера окна)

Решение. Добавьте следующее содержимое в файл vue.config.js (просто перезапустите проект после его добавления).

клиент: {

наложение: ложно

 },

! ! ! Уведомление: Если для наложения установлено значение false, даже если Webpack обнаружит ошибки или предупреждения во время компиляции, эта информация не будет отображаться в виде наложения на странице браузера.Это означает, что вам необходимо получить эти сообщения об ошибках другими способами (например, просмотрев консоль браузера или вывод терминала Webpack).