在react中,我如何对图像使用 require ?

IT技术 reactjs image
2021-05-09 09:19:18

我搜索并发现我应该使用 require() 但它似乎不起作用。

<img src={require("../assets/img/business.png")} alt="business" />

我可以确认这个图像路径是正确的,但是在检查模式下它说我的图像的 src 是 [object Module]。

此外,当我从同一路径导入图像时,它完全正常。

这可能是因为我正在使用typescript吗?我在另一个帖子上也看到有人在谈论 browserify,browserify 和我无法使用 require 有什么关系吗?

2个回答

你可以尝试使用.default吗?

<img src={require("../assets/img/business.png").default} />

我相信您可能需要某种加载程序来告诉您的代码如何处理图像。

看看以下这些库