反应页面未呈现

Question

我在 src 文件夹外部的组件文件夹中有一个英雄组件文件，然后我在 src 文件夹内有一个 admin 文件夹，其中有一个名为 AdminHome 的文件。现在我一直在尝试将英雄组件导入到 AdminHome 文件中，以便我可以使用它，但它一直显示“无法解析来自“src/page/admin/AdminHome.jsx”的导入“../components/Hero”。 ”

这就是我尝试将英雄组件导入 AdminHome 文件的方式

import Hero from "../components/Hero"

因此，我期望页面将在浏览器上呈现，但它没有，而是抛出一个错误，指出“无法解析来自“src/page/admin/AdminHome.html”的导入“../components/Hero”。 jsx”。该文件存在吗？”

Answer 1

根据您的描述，您的相对路径似乎没有指向正确的位置。假设您的目录结构如下所示：

src
  page
    admin
      AdminHome.jsx
components
  Hero.jsx

如果是这种情况，并且您要在

Hero

中导入

AdminHome.jsx

，您的导入路径将类似于

../../../components/Hero

。这是因为您需要 1) 从

admin

到

page

目录，然后 2) 从

page

到

src

，然后 3) 从

src

到与

components

共享的父目录.

（我认为这是父目录的正确数量 - 如果关闭，请尝试少一个或多一个）。