如何从环回获取文件夹路径到反应应用程序文件夹

Question

我在Loopback 文件夹中创建了一个reactjs 应用程序。

我在下面放了一个文件夹树图像。因为client_src 里面的图片有反应文件。 我使用loopback-storage-component 来存储图像。这些图像存储在文件夹中。

现在，我的问题是从文件夹中获取存储的图像。所以，我用了

<Img
    src={require("../../files/revenue_Licence_Copy/5.jpg")}
 />

当我使用npm start 将reactjs 应用程序运行到client_src 文件夹中时。 然后我得到一个错误

Module not found: You attempted to import ../../files/revenue_Licence_Copy/5.jpg which falls outside of the project src/ directory. Relative imports outside of src/ are not supported. You can either move it inside src/, or add a symlink to it from project'snode_modules/.

如何解决我的问题 我参考下面的链接 enter link description here 但这也不能解决我的问题..

有人帮帮我吗？

Answer 1

所以基本上，你可以做一个符号链接，将你的应用文件夹内的文件夹链接到系统上任何其他位置的文件夹。但是，如果可能的话，请避免这样做。虽然是一个有效的解决方案，但它会在部署或移动 repo 时产生一大堆问题。如果您与其他人一起工作，他们也必须具有相同的设置等。将文件夹移动到项目文件夹，或者让后端提供您想要的数据是一种更好的方法。

但是，如果你真的想这样做，你可以从项目文件夹的 node_modules 中，从项目根目录：

cd node_modules
ln -s ../../files ./linked_images

这会将您的 files 文件夹链接到 node_modules 内名为 /linked 的文件夹。

然后您可以通过以下方式引用内部图像：

<Img
    src={require('images/revenue_Licence_Copy/5.jpg')}
 />

Here's 解释符号链接的堆栈答案