reactjs - 我想在公共文件夹内的 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 中。

标签： reactjspathname

Answer 1

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

1. ../（最多 /components）
2. ../（直到 src）
3. ../（直到项目根目录）
4. 上市
5. 图片
6. 标志.png

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

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