Electron + React: проблема с загрузкой SVG - PullRequest
Новая
       16

Electron + React: проблема с загрузкой SVG

0 голосов
/ 20 февраля 2020

У меня проблема с моим реагирующим приложением, когда я создаю его с помощью электронного компоновщика.

Я просто хочу показать приложение lo go с темным или светлым шрифтом, в зависимости от текущего выбранная тема. Для этого я создал 2 отдельных SVG (темных и светлых).

Проблема

  • Если я запускаю приложение реагирования с react-scripts и electron ., моя иконка SVG визуализируется (все работает, как и ожидалось).
  • Если я создаю полную электронную сборку приложения реагирования и затем запускаю сборку, иконка появляется только для первого рендера. .
  • Если экран перерисовывается, изображение SVG не видно.

Я также посмотрел на dev-инспектор электрона, и свойство src для изображения в точности соответствует То же, что и для первого рендера.

Импорт двух моих логотипов: 

import LightLogo from "./images/lightLogo.svg"
import DarkLogo from "./images/darkLogo.svg"

Компонент img: 

<img
     className={styles.logo}
     src={props.theme === Themes.DARK.name ? LightLogo : DarkLogo}
     width={"40%"}
     alt={"Logo"}
/>

Тег в скомпилированном приложении : 

<img class="jss742" src="./static/media/darkLogo.667e0ffc.svg" width="40%" alt="Logo">

Lo go не работает после второго рендера

Unpackaged app.asar

Это мой Первый вопрос, так что если вам нужна дополнительная информация, не стесняйтесь спрашивать. Спасибо

...