Electron+React:SVG加载问题

Question

当我用电子生成器构建react应用程序时，它出现了问题。

我只想根据当前选择的主题显示一个深色或浅色字体的应用程序徽标。为此，我创建了两个独立的SVG(深色和浅色(。

问题

• 如果我用react-scripts和electron .启动react应用程序，我的SVG图标就会被渲染(一切正常(
• 如果我创建了react应用程序的全电子构建，然后开始构建，则图标仅在第一次渲染时出现
• 如果重新绘制屏幕，则SVG图像不可见

我还研究了电子的dev检查器，图像的src属性与第一次渲染完全相同。

我的2个标志的进口：

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">

第二次渲染后徽标不起作用

开箱app.asar

这是我的第一个问题，所以如果你需要任何进一步的信息，请随时询问。感谢

Answer 1

我可以通过将<base href="./" />添加到我的index.html文件中来解决这个问题。