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

Question

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

我在下面放了一个文件夹树图。因为client_src里面的图片有react文件。我已经使用 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/.

如何解决我的问题我在下面参考 link 但这也没有解决我的问题..

有人帮帮我吗？

Answer 1

所以基本上，您可以执行一个 symlink，其中 link 将您应用程序文件夹中的一个文件夹复制到系统上其他任何位置的文件夹。但是，如果可能的话，请避免这样做。虽然这是一个有效的解决方案，但它会在部署或移动存储库时产生一大堆问题。如果您与其他人一起工作，他们也必须具有相同的设置等。将文件夹移动到项目文件夹，或者拥有一个后端服务您想要的数据是一个更好的方法。

但是，如果您真的想要，可以从项目文件夹的 node_modules 中执行，因此从项目根目录：

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

这会 link 您的 files 文件夹到 node_modules.

中名为 /linked 的文件夹

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

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

Here's 解释 symlinks

的堆栈答案

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

How to get folder path from loopback into react app folder

loopback

reactjs