Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

254
Views
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
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!