无法获得正确的相对路径 React答案

【问题标题】：Can't get the relative path right React无法获得正确的相对路径 React
【发布时间】：2020-11-21 15:42:51
【问题描述】：

文件夹结构：

 my-app/
  node_modules/
  package.json
  src/
    websites/Home.js
    pictures/Group140.png
    App.js
    index.js

我位于 Home.js 我正在尝试import Logo from "../pictures/Group140.png";
并将其用作 img 上的src={Logo}。不断收到此错误

Module not found: Can't resolve '../pictures/Group140.png' in 'C:\Users\User\Desktop\Website\my-app\src\websites'

【问题讨论】：

在输入路径时，vs代码也显示图片文件夹，但不显示文件夹中的图像
你100%确定这是文件夹结构吗？您的相对路径应该有效。另外，vscode默认不显示图片，手动写也可以。
@NicolasHevia 刚刚添加了图片文件夹包含 Group140.png 的屏幕截图
你在使用react-create-app吗？如果是这样，您应该将 img 存储在公共文件夹中并像 this 一样访问它们。否则你将不得不import the image。
谢谢你的工作

【解决方案1】：

在react-create-app，如果你想在你的javascript代码中使用它，你必须import the image，你可以在默认的app.js文件中看到它导入徽标的位置。

或者，您可以将图像（或其他资产）放在public 文件夹中并直接访问它们。 RCA 已经将公用文件夹路径保存在方便的环境变量process.env.PUBLIC_URL 中。见here。

【讨论】：