Блог

Главная - Вопросы по программированию - не удается найти component.jsx в приложении react

не удается найти component.jsx в приложении react

#reactjs

#reactjs

Вопрос:

изображение

Я получаю

Модуль не найден: Ошибка: не удается разрешить ‘views / Components/ Components.jsx в каталоге проекта / src / routes’

routes.jsx

 import Components from "../views/Components/Components.jsx";

index.jsx

 import Components from "views/Components/Components.jsx";

import LandingPage from "views/LandingPage/LandingPage.jsx";


var indexRoutes = [
  { path: "/landing-page", name: "LandingPage", component: LandingPage },

  { path: "/", name: "Components", component: Components }
];

export default indexRoutes;

Иерархия каталогов выглядит следующим образом

routes в папке есть :

index.jsx, dashboard.jsx, headerRoute.jsx и Routes.jsx

просмотры> компоненты> Component.jsx

Комментарии:

1. Вы можете прикрепить скриншот структуры вашего проекта

2. отредактировал вопрос, пожалуйста, изображение chk

Ответ №1:

Попробуйте изменить оператор import на это?

 import Components from "../views/Components/Components"

Комментарии:

1. теперь получение for не может разрешить ‘views / LandingPage / LandingPage’

Ответ №2:

Измените имя Components.jsx, поскольку оно предопределено для компонента react

 import ComponentsName from "../views/Components/ComponentsName

Комментарии:

1. добавьте скриншот структуры вашего проекта @allabtcoding

2. импортируйте компоненты из «.. / views / Components /Components»

3. @allabtcoding я обновляю свой ответ, удаляю ‘.jsx’ из compontns.jsx

4. @allabtcoding удалите ‘.jsx’ из ‘/ LandingPage.jsx»‘ при импорте целевой страницы из «views / LandingPage / LandingPage.jsx»;