图片没有从公共文件夹加载(使用create react app)



不知道是否有人可以帮助我。我遵循一个教程,它告诉我把图像放在一个应用程序的公共文件夹中,用create-react-app

创建’。/img/newyork.jpeg">

这是教程告诉我在公共文件夹中使用的图像路径,但是这些图像没有加载,我不明白为什么任何帮助都会非常感激

构建文件结构

你不应该在公共文件夹中保留任何图片资源,除了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目录下(不是公共的))

process.env。PUBLIC_URL + '你的图片路径'

是我发现的一个有效的解决方案

最新更新