unable to find component.jsx in react app

user_14104103 0
Viewed 129

image

I am getting

Module not found: Error: Can't resolve 'views/Components/Components.jsx in project directory/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;

Directory hierarchy is as follows

routes folder has :

index.jsx, dashboard.jsx, headerRoute.jsx and Routes.jsx

views> components > Component.jsx

reactjs
2 Answers

Change name of Components.jsx because it is predefined for react component

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

Try to change the import statement to this?

import Components from "../views/Components/Components"
user_31300720
Related