我想在 public 文件夹内的 visual studio 代码中找到该文件

Question

我想找到我想在项目中使用的图像的路径名，但找不到该图像。 我试过这样给出 '../images/logo.png'，但它显示找不到模块：无法解析 'C:\Users590i5 D'\Desktop\react-website-v2-master\src\components 中的 './images/logo.png' '

要访问的文件 logo.png 位于 public->images->logo.png 中，我想将其导入 src->components->navbar.js .

Answer 1

您在该路径的目录树中走得还不够远。从 navbar.js 开始，这些将是路径的一部分：

1. ../（直到 /components）
2. ../（直到 src）
3. ../（直到项目根目录）
4. public
5. 图片
6. logo.png

所以完整的相对路径是 ../../../public/images/logo.png。

但是，如果这是一个 create-react-app 项目，当您在 src 中时，您无法从 public 导入。通常，您会将要导入的图像放在 src 下的某处（例如 src/assets 文件夹中）。有关详细信息，请参阅 https://create-react-app.dev/docs/adding-images-fonts-and-files。