Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

259
Vistas
Las imágenes SVG no se muestran si la aplicación Vue se convierte en la aplicación Electron

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="./" />

about 4 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda