Electron ReactJS和Material Ui中的卡片图像加载问题

Question

如何加载本地映像？？我使用Electron Reactjs和Material UI包。

我在这里的代码：

<CardMedia
className={classes.media}
image="../../../assets/img/keylime-pie.jpeg"
title="Contemplative Reptile"
/>

错误是：

得到file:///static/images/cards/live-from-space.jpgnet:：ERR_FILE_NOT_FOUND

请帮助解决这个问题，谢谢！！

Answer 1

除非图像在公用文件夹中，否则在使用它们之前必须导入。

import CardMediaImage from '../Assets/img/keylime-pie.jpeg';
<CardMedia
className={classes.media}
image={CardMediaImage}
title="Contemplative Reptile"
/>

更新：

我相信您的CardMedia期望图像的路径。在这种情况下，你可以在公共文件夹中移动你的图像，例如。，public/Assets/img/keylime-pie-jpeg，然后您可以提供其中没有public的路径。

<CardMedia
className={classes.media}
image='/Assets/img/keylime-pie.jpeg'
title="Contemplative Reptile"
/>