Не показываются изображения из папки static. В чем может быть причина?

Начинаю изучение накста и столкнулся с проблемой, когда не показываются изображения.
В шаблоне default.vue Прописываю простой код:
<template>
  <div>
    <image src="images/logo.png"/>
    <Nuxt />
  </div>
</template>

Картинка лежит в папке static/images
И при старте на localhost:3000 выкидывает ошибки:
60b3a79ceaeda678495209.png
[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>. Ошибка пропадает, но картинку не видно на странице.
  • Вопрос задан
  • 381 просмотр
Решения вопроса 1
gdX
@gdX Автор вопроса
Что-то туплю, не верно прописал тег картинки.
Так корректно срабатывает
<img src="/images/logo.png" alt="">
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@cheeroque
Поменяйте путь к картинке на абсолютный, от корня:
/images/logo.png
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы