代码之家 › 专栏 › 技术社区 › Arebhy Sridaran

如何从环回获取文件夹路径到react app文件夹

loopback reactjs

Arebhy Sridaran · 技术社区 · 6 年前

我创造了一个 reactjs 应用程序位于 Loopback 文件夹。

我在下面放置了一个文件夹树图像。就像里面的照片 client_src 有反应文件。我已经用过 loopback-storage-component 存储图像。这些图像存储在文件文件夹中。

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

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

当我跑步的时候 反应物 应用程序使用 npm start 进入之内 客户群 文件夹。然后我出错了

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 但这也不能解决我的问题。

有人帮我吗?

1 回复 | 直到 6 年前

Predrag Beocanin 6 年前

因此,基本上,你可以做一个符号链接,将你的应用文件夹中的一个文件夹链接到系统中任何其他地方的一个文件夹。但是,如果可能的话,请避免这样做。虽然是一个有效的解决方案,但它在部署或移动回购时会产生一系列问题。如果您与其他人合作,他们也必须有相同的设置等。将文件夹移动到项目文件夹,或有一个后端服务您想要的数据是一个更好的方法。

但是,如果您真的想这样做,可以从项目文件夹的 node_modules ,因此从项目根目录:

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

哪个链接你的 files 文件夹到名为 /linked 里面 节点模块 .

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

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

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

推荐文章

Freemn · 环回数精度

7 年前

Giesburts · 环回错误:connect ECONREFUSE 127.0.0.1:3306(MAMP)

7 年前

Dmitry Misharov · Alsa:如何将输入重定向到中的输出。asoundrc?

7 年前

NaturalCoder · windows 10上的NPM安装java问题

7 年前

matteo · 环回和默认排序

7 年前

Mark Ryan Orosa · 环回查找然后更新属性或按id删除

7 年前

dhrDatt · 保存操作挂钩后只调用一次LoopbackJs

7 年前

Ankur Akvaliya · 在标头中传递访问令牌,而不是url环回

7 年前

adelriosantiago · 如何运行节点。JS环回+永远?

7 年前

Mahamadou DOUMBIA · 基于时间的环回操作

7 年前