Creé una aplicación Vue 3 (+ Vite) que también quiero convertir en una aplicación Electron. Cada vez que inicio la aplicación Electron a través electron . parece que el SVG no se empaqueta: (Cajón de navegación con íconos faltantes)
Luego de una mayor investigación, este es el caso, pero en mi carpeta dist todas las imágenes están disponibles. (Los SVG están en la carpeta dist) Pero los Devtools muestran que no entran en la aplicación Electron. (Carpeta de activos de la aplicación Electron)
También implementé la solución para cambiar la ruta base en la configuración de Vite de esta manera (El Electron ENV se configura antes de ejecutar electron . a través de un script npm):
import { fileURLToPath, URL } from "url"; import { defineConfig } from "vite"; import vue from "@vitejs/plugin-vue"; import path from "path"; // https://vitejs.dev/config/ export default defineConfig({ base: // eslint-disable-next-line no-undef process.env.ELECTRON == "true" ? path.resolve(__dirname, "./dist/") : "./", plugins: [vue()], resolve: { alias: { "@": fileURLToPath(new URL("./src", import.meta.url)), }, }, assetsInclude: ["**/*.svg"], });¿Alguien tiene una idea de cuál podría ser el problema? ¡Gracias por adelantado!
ACTUALIZAR Lo hice funcionar después de todo siguiendo este ejemplo: https://github.com/pengYYYYY/vite-electron . También faltaba una etiqueta base en mi index.html . Así: <base href="./" />