我想在公用文件夹内的 Visual Studio 代码中找到该文件

问题描述

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

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

解决方法

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

1. ../（最多 /components）
2. ../（直到 src）
3. ../（直到项目根目录）
4. 公开
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。