Question

我在<TicketEntry/>组件中有一个类似Image的组件：

<Image style={styles.icon} source={require("app/common/img/DATS24.png")}/>

当我对使用jest组件的TicketList使用TicketEntry运行测试时，出现如下错误：

为什么会这样，因为运行应用程序时我看到图像可以正确渲染，并且有什么方法可以修复它？预先感谢。

Answer 1

在require标签中为图像源提供相对路径（从组件位置开始）。

示例：

<Image style={styles.icon} source={require("./app/common/img/DATS24.png")}/>

我在这里假设您在使用app标签的该组件级别上有Image个目录。

如果该目录位于当前位置的顶部，请使用../../app/...（根据需要，可使用多个级别的应用程序）导航至该位置。