javascript - 无法获得正确的相对路径 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";
其用作src={Logo}img 上的内容。不断收到此错误

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

标签： javascriptreactjspath

Answer 1

如果要在 javascript 代码中使用图像，则必须导入图像，您可以在导入徽标的默认文件react-create-app中看到app.js该图像。

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