Cannot find module when loading non existing assets

Asked Apr 14 '22 at 17:10

Active Apr 14 '22 at 21:15

Viewed 602 times

I'm trying to load images from a Nuxt component (not a page) like below:

<img
  :src="require(`~/assets/logo/${imageCode}.svg`)"
  @error="$event.target.src = require('~/assets/logo/error.svg')"
/>

But when an image doesn't exist, I'm getting the following error in the browser's console:

Error: Cannot find module './123.svg'

How should I deal with non-existing assets ?

edited Apr 14 '22 at 21:15

Ken White

asked Apr 14 '22 at 17:10

DevonDahon

I've answered it someday. Forgot the exact name of it. Couldn't find it with a search? – kissu Apr 14 '22 at 20:08
@kissu indeed, I've read that it works with Nuxt `pages`, but not with `components`, not sure how I should deal with it. – DevonDahon Apr 14 '22 at 20:32
Wait, what is missing here? The component or the image? – kissu Apr 14 '22 at 23:09
@kissu the image is missing – DevonDahon Apr 15 '22 at 20:52
Checked this one? https://stackoverflow.com/a/68027966/8816585 – kissu Apr 16 '22 at 10:32

0 Answers0