Tengo un problema al intentar hacer una compilación de una nueva aplicación Vue3.js + Vite.js. Una vez que finalizó mi aplicación, realicé la acción de npm run build para generar los archivos de implementación finales.
El problema es que cuando trato de ver la página generada, solo muestra una página en blanco.
Al abrir la herramienta de inspección, puedo ver cómo el index.html estático no encuentra los principales archivos javascript generados:
Failed to load resource: net::ERR_FAILED index.7b66f7af.js:1Está bien. Encontré la solución buscando un poco, y veo cómo este problema también ocurrió en realidad en Vue 2.
Lo único que tienes que hacer para solvif es agregar base: './' en tu vite.config.js , así:
import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import vuetify from '@vuetify/vite-plugin' const path = require('path') export default defineConfig({ plugins: [ vue(), vuetify({ autoImport: true, }), ], define: { 'process.env': {} }, resolve: { alias: { '@': path.resolve(__dirname, 'src'), }, }, base: './', })¡Espero que les ayude a todos!