Начинаю изучение накста и столкнулся с проблемой, когда не показываются изображения.
В шаблоне default.vue Прописываю простой код:
<template>
<div>
<image src="images/logo.png"/>
<Nuxt />
</div>
</template>
Картинка лежит в папке static/images
И при старте на
localhost:3000 выкидывает ошибки:
[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 , or missing . Bailing hydration and performing full client-side render.
При чем, картинку видно в инспекторе и при просмотре кода, а также она открывается по ссылке из кода.
Пробовал оборачивать картинку в
<client-only></client-only>. Ошибка пропадает, но картинку не видно на странице.
Простой
Средний
