Reactjs 如何将文件夹路径从环回获取到react app文件夹
我已经创建了一个Reactjs 如何将文件夹路径从环回获取到react app文件夹,reactjs,loopback,Reactjs,Loopback,我已经创建了一个reactjs应用程序,它位于Loopback文件夹中 我在下面放了一个文件夹树图像。由于客户端\u src中的图片包含react文件。 我使用了环回存储组件来存储图像。这些图像存储在文件夹文件中 现在,我的问题是从文件夹中获取存储的图像。所以,我用 <Img src={require("../../files/revenue_Licence_Copy/5.jpg")} /> 如何解决我的问题 我参考下面的链接 但这也不能解决我的问题 请任何人帮助我?因此
reactjs
应用程序,它位于Loopback
文件夹中
我在下面放了一个文件夹树图像。由于客户端\u src
中的图片包含react文件。
我使用了环回存储组件
来存储图像。这些图像存储在文件夹文件中
现在,我的问题是从文件夹中获取存储的图像。所以,我用
<Img
src={require("../../files/revenue_Licence_Copy/5.jpg")}
/>
如何解决我的问题
我参考下面的链接
但这也不能解决我的问题
请任何人帮助我?因此,基本上,你可以做一个符号链接,将你的应用程序文件夹中的文件夹链接到系统上任何其他地方的文件夹。但是,如果可能的话,请避免这样做。虽然这是一个有效的解决方案,但它在部署或移动repo时会产生一大堆问题。如果您与其他人一起工作,他们也必须具有相同的设置,等等。将文件夹移动到项目文件夹,或者使用后端服务您想要的数据是更好的方法 但是,如果确实需要,可以从项目文件夹的
节点\u模块
内部执行,因此从项目根目录:
cd node_modules
ln -s ../../files ./linked_images
它会将您的文件
文件夹链接到节点模块
中名为/linked
的文件夹
然后,您可以通过执行以下操作来引用内部图像:
<Img
src={require('images/revenue_Licence_Copy/5.jpg')}
/>
解释符号链接的堆栈回答您可以创建一个符号链接,但我建议不要这样做,因为无论何时移动到新机器、部署或将其包含在部署过程中,您都必须记住该符号链接。@Predrag请给我任何关于符号链接的链接Sure,让我回答一下,我应该在哪里运行ln-s.././文件/图像。。在react文件夹内?@ArebhySri是的,在项目文件夹内!然后,您可以
从导入一些img。/images
先生,在“/home/arebhy/Desktop/arebhy/react\u project/wedding\u car/client\u src/src/component”中找不到模块:无法解析“/images/revenue\u license\u Copy/5.jpg”)中的“/images”?如果您的图像文件夹距离您要使用它的位置有两个文件夹,请调整您的要求
<Img
src={require('images/revenue_Licence_Copy/5.jpg')}
/>