无法解析从“src/components/Header.jsx”导入“../assets”

Question

我正在 YouTube 上完成本教程，但同时对其进行修改以满足我的需求。当我尝试导入图像时，出现以下错误：

“[vite]内部服务器错误：无法解析从“src/components/Header.jsx”导入“../assets”。该文件是否存在？”

这是我的设置。正如您所看到的，文件夹和图像都在那里。

我的其他导入工作正常，所以我不知道如何解决它。

这里是 React 的新手。 :)

Answer 1

从错误中，您可以预测路径不正确或者导入图像的方式存在问题，可以尝试像这样导入

import logo from '@/src/assets/logo.png

。 或者

import logo from "../assets/logo.png"

。 您正在从文件夹中解构它，这是不可能的，因为您可以从正在导出某些内容的文件中解构。

请参阅本文了解更多信息，https://create-react-app.dev/docs/adding-images-fonts-and-files/