Node.js 如何在MERN堆栈应用程序中内联加载图像文件

Node.js 如何在MERN堆栈应用程序中内联加载图像文件,node.js,reactjs,mongodb,express,mern,Node.js,Reactjs,Mongodb,Express,Mern,我试图从文件内联加载图像,因为我必须传递数据(图像名称),但没有任何效果,或者图像是否在src文件夹内,或者是否在public文件夹外 以下是我上一次尝试的内容: <img src={require(`./styles/images/${image}`).default} alt="product img" /> 服务器返回: 错误:未指定默认引擎,也未提供扩展 你可以用这样的东西 从“/logo.png”导入徽标 <img src={logo} al

我试图从文件内联加载图像,因为我必须传递数据(图像名称),但没有任何效果,或者图像是否在src文件夹内,或者是否在public文件夹外

以下是我上一次尝试的内容:

<img src={require(`./styles/images/${image}`).default} alt="product img" />

服务器返回:

错误:未指定默认引擎,也未提供扩展


你可以用这样的东西

从“/logo.png”导入徽标

<img src={logo} alt="logo" />

我必须这样传递图像名称,请参见我的更新问题