提供给“组件”的无效道具“源”

Question

我在 <TicketEntry/> 组件中有一个像这样的 Image 组件：

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

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

为什么会出现这种情况，因为我在运行应用程序时看到图像正确呈现，有什么办法可以修复它？提前致谢。

Answer 1

在require 标记中提供图像源的相对（从组件位置）路径。

例子：

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

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

如果它是当前位置顶部的目录，则使用../../app/... 导航到那里（根据需要应用多个级别）。