How to fix «ResizeObserver loop limit exceeded» error

If you develop complex Vue.js app your devServer can show some error ResizeObserver loop limit exceeded.

You can fix it by added bellow code to end into your main.js script

window.addEventListener('error', function (e) {
    console.error(e.message);
    if(e.message.includes("ResizeObserver loop limit exceeded")) {
        // prevent React's listener from firing
        e.stopImmediatePropagation();
        // prevent the browser's console error message
        e.preventDefault();
    }
});

If not helped this code you can disable error overlay in webpack 5

...
    devServer: {
        client: {
            overlay: false, // !!! This fix : ResizeObserver loop limit exceeded
        },
    },
...

Пожалуйста, оцените материал

How to fix «ResizeObserver loop limit exceeded» error
Пролистать наверх