像导入其他模块一样，在顶部导入图像！（假设您在 typescript 中启用了模块，然后将其作为变量传递给 jsx：

import myimage from "./../.../path/images/user2-160x160.jpg";
...

 <img alt="media-icon-link" className="media-icon-link" src={myimage} />

如果您的图像位于公共文件夹中，就像我的文件夹结构一样：

"/assets/images/user2-160x160.jpg"

在您的 <img> src 中，而不是导入

'../../public/assets/images/user2-160x160.jpg';

这将起作用

<img className="user-image"  src="/assets/images/user2-160x160.jpg" alt="User Image" />

与上面的答案相同，据我所知，您可以使用像这样的 require api

<img alt="media-icon-link" className="media-icon-link" src={require("./../.../path/images/user2-160x160.jpg")} />

这取决于您的口味