如何从环回获取文件夹路径到React App文件夹

Question

我创建了一个reactjs文件夹中的Loopback应用。

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

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

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

当我使用reactjs运行npm start应用程序到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

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

但是，如果您确实希望这样做，可以从项目文件夹的node_modules内部进行，因此可以从项目根目录进行：

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

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

然后您可以通过执行以下操作来引用内部图像：

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

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