Nuxt•2y ago

NuxtImg not displaying image

Hello,

I'm trying to display my image via

NuxtImg

NuxtImg

NuxtImg

NuxtImg but it isn't able to locate the path to it. It's currently sitting at

assets/logo.png

assets/logo.png

assets/logo.png

assets/logo.png, and when I try to remove the

~assets/

~assets/

~assets/

~assets/ or

~

~ it still doesn't work.

In DevConsole, the error message I get is:

GET http://localhost:3000/_ipx/_/assets/logo.png 404 (IPX_FILE_NOT_FOUND)

GET http://localhost:3000/_ipx/_/assets/logo.png 404 (IPX_FILE_NOT_FOUND)

GET http://localhost:3000/_ipx/_/assets/logo.png 404 (IPX_FILE_NOT_FOUND)

GET http://localhost:3000/_ipx/_/assets/logo.png 404 (IPX_FILE_NOT_FOUND)

This is my NavBar.vue:

<template>
  <div class="max-w-section mx-auto pt-6 pb-6">
    <NuxtImg src="/assets/logo.png" />
    Hello
  </div>
</template>

<template>
  <div class="max-w-section mx-auto pt-6 pb-6">
    <NuxtImg src="/assets/logo.png" />
    Hello
  </div>
</template>

<template>
  <div class="max-w-section mx-auto pt-6 pb-6">
    <NuxtImg src="/assets/logo.png" />
    Hello
  </div>
</template>

<template>
  <div class="max-w-section mx-auto pt-6 pb-6">
    <NuxtImg src="/assets/logo.png" />
    Hello
  </div>
</template>