图像未在 Ionic React 中显示答案

【问题标题】：Image not showing in Ionic React图像未在 Ionic React 中显示
【发布时间】：2021-03-04 10:05:08
【问题描述】：

我想显示一个 .svg 图像，它位于我的 src 目录的 assets 目录中。

这里是文件夹结构的一瞥-

我想从Register.tsx 获取balloons.svg。我正在使用 IonImg 元素并尝试过像 ../assets/balloons.svg 这样的目录作为源，但它们似乎不起作用。

注意：如果我使用图像 URL 作为来源，图像会正确显示。

【问题讨论】：

【解决方案1】：

svg需要导入到Register.tsx文件中：

import Balloons from '../assets/balloons.svg';

然后设置src属性为import：

<IonImg src={Balloons} />

【讨论】：

【解决方案2】：

我建议在 Ionic react 中使用“require”定位。

那就试试吧：

require("../assets/balloons.svg")

喜欢：

<IonImg src={require("../assets/balloons.svg")} />

【讨论】：

【解决方案3】：

您在 Ion React App 中的 src 将类似于此代码来加载 img ..

<IonImg src="/assets/imgs/image.JPG"></IonImg>

没有src点../喜欢

<IonImg src="**../**public/assest/imgs/image.JPG"></IonImg>

【讨论】：