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

Question

我想找到我想在项目中使用的图像的路径名，但我找不到图像。 我试过像这样给出'../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 中。

Answer 1

您在具有该路径的目录树中走得不够远。从 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。