Assets folder not included during compile

[codeit-ninja]

I compiled to app for local debugging and get errors in the console that all the images are missing because the assets folder doesn't exist.

[codeit-ninja]

Ok, sorry for asking .. I had to look into the vite config and documentation.

You need to create an public folder in the root of the renderer package.
And then instead of importing it like

<img src="./public/image.png" />

You have to do

<img src="./image.png" />

Vite puts everything from the public dir in the output root directory.

[cawa-93]

Best practices: https://vitejs.dev/guide/assets.html

[codeit-ninja]

Yes, but my problem originated from including images from css files.

[cawa-93]

I preffer explicit importing assets:

<script>
import AppBrandLogo from 'app-logo.png' // <--
</script>

<template>
<img :src="AppBrandLogo"/>
</template>