无法正确获得相对路径React

Question

文件夹结构：

 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'

Answer 1

在react-create-app中，如果要在JavaScript代码中使用它，则必须import the image，您可以在默认的app.js文件中看到它导入徽标。

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