Использование ленивых загруженных изображений: «Отрисованное виртуальное дерево DOM на стороне клиента не соответствует отображаемому на сервере содержимому» - PullRequest
0 голосов
/ 11 февраля 2020

Я использую этот плагин: https://github.com/aFarkas/lazysizes и добавил его в свои плагины следующим образом:

    {
        src: '~/plugins/lazysizes.client.js',
        ssr: false
    },

Однако, когда я использую его на своей странице, я получаю сообщение об ошибке:

[Vue warn]: The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely caused by incorrect HTML markup, for example nesting block-level elements inside <p>, or missing <tbody>. Bailing hydration and performing full client-side render.

Я гарантировал, что для параметра SSR установлено значение false. Я также пытался использовать опцию вокруг контейнера, который выполняет отложенную загрузку.

Он по-прежнему выдает ту же ошибку.

Что я могу сделать, чтобы предотвратить эту ошибку?

...