L'URL de la ressource statique est introuvable dans l'environnement de développement Vite js
P粉895187266
P粉895187266 2023-10-25 16:56:58
0
1
794

Les images png importées ne peuvent pas être analysées localement (en mode développement, exécutez npm vite). Cependant, ils l'ont corrigé dans la version de production. Au début, je les ai importés dynamiquement, mais ils n'ont pas été résolus dans la version de production, je les ai donc importés à l'avance.

//.ts file
import test from "../assets/sprites/test.png"
//vite.config.ts
export default defineConfig({
    plugins: [vue()],
    build: {
        target: 'esnext'
    }
})

test.png:1 GET http://localhost:3000/frontend/src/assets/frontend/src/assets/sprites/test.png 404 (introuvable)

P粉895187266
P粉895187266

répondre à tous(1)
P粉494151941

Pour résoudre ce problème, utilisez une nouvelle URL (url, import.meta.url) pour résoudre les ressources statiques en prod et dev

Voir la documentation Vite sur la gestion statique des actifs : https://vitejs.dev/guide/assets.html#new-url-url-import-meta-url

const test = new URL('../assets/sprites/test.png', import.meta.url).href
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal