时间戳

首页 > 解决方案 > 未从公共文件夹加载图像（使用创建反应应用程序）

reactjs - 未从公共文件夹加载图像（使用创建反应应用程序）

问题描述

想知道是否有人可以帮助我。我正在遵循一个教程，该教程告诉我将图像放在使用 create-react-app 创建的应用程序的公共文件夹中

'./img/newyork.jpeg'

这是教程告诉我用于公共文件夹中的图像的路径，但是图像没有加载，我不明白为什么任何帮助将不胜感激

构建文件结构

标签： reactjsimagecreate-react-apppublic

解决方案

除了 favicons 等，您不应在公共文件夹中保留任何图像资产另请参阅此线程：src 目录之外的 create-react-app 导入限制（TLDR：“这是 create-react-app 开发人员添加的特殊限制. 它在 ModuleScopePlugin 中实现以确保文件驻留在 src/ 中。该插件确保来自应用程序源目录的相对导入不会到达它之外。")

通常在 create-react-app 中，我会像这样导入图像：

import lovelyImage from 'images/lovely-image.jpg'

然后渲染：

<img src={lovelyImage} alt={''} />

（上面的例子假设 images 目录在 src 目录中（不公开））

推荐阅读