How to resolve can't find module error in react.js

Question

import { ColorModeContext, useMode } from "./theme";
import { CssBaseline, ThemeProvider } from "@mui/material";
import Topbar from "./scenes/global/Topbar";
import Sidebar from "./scenes/global/Sidebar";

function App() {
  const [theme, colorMode] = useMode();
  return (
    <ColorModeContext.Provider value={colorMode}>
      <ThemeProvider theme={theme}>
        <CssBaseline/>
        <div className="app">
          <main className="content">
            <Topbar/>
            <Sidebar/>           
          </main>
        </div>
      </ThemeProvider>
    </ColorModeContext.Provider>
  );
}
export default App;

List item npm WARN ERESOLVE overriding peer dependency

npm WARN While resolving: [email protected]

npm WARN Found: [email protected]

npm WARN node_modules/react

npm WARN react@"^18.2.0" from the root project

npm WARN 16 more (@emotion/react, @emotion/styled, ...)

npm WARN

npm WARN Could not resolve dependency:

npm WARN peer react@"^16.3.0 || 17" from [email protected]

npm WARN node_modules/react-pro-sidebar/node_modules/react-slidedown

npm WARN react-slidedown@"^2.4.5" from [email protected]

npm WARN node_modules/react-pro-sidebar

npm WARN npm WARN Conflicting peer dependency: [email protected]

npm WARN node_modules/react

npm WARN peer react@"^16.3.0 || 17" from [email protected]

npm WARN node_modules/react-pro-sidebar/node_modules/react-slidedown

npm WARN react-slidedown@"^2.4.5" from [email protected]

npm WARN node_modules/react-pro-sidebar

npm WARN ERESOLVE overriding peer dependency

npm WARN While resolving: [email protected]

npm WARN Found: [email protected]

npm WARN node_modules/react-dom

npm WARN react-dom@"^18.2.0" from the r

oot project npm WARN 6 more (@mui/base, @mui/material, @testing-library/react,

...) npm WARN

npm WARN Could not resolve dependency: npm WARN peer react-dom@"^16.3.0 || 17" from [email protected]

npm WARN node_modules/react-pro-sidebar/node_modules/react-slidedown

npm WARN react-slidedown@"^2.4.5" from [email protected]

npm WARN node_modules/react-pro-sidebar

npm WARN npm WARN Conflicting peer dependency: [email protected]

npm WARN node_modules/react-dom

npm WARN peer react-dom@"^16.3.0 || 17" from [email protected]

npm WARN node_modules/react-pro-sidebar/node_modules/react-slidedown

npm WARN react-slidedown@"^2.4.5" from [email protected]

npm WARN node_modules/react-pro-sidebar

May be your TopBar and SideBAr is not correct.

Shilpe Saxena
– Shilpe Saxena

2022-11-30 08:45:16 +00:00
Commented Nov 30, 2022 at 8:45 — Shilpe Saxena
– Shilpe Saxena, Commented Nov 30, 2022 at 8:45
Or Might you have missed any dependency?

Shilpe Saxena
– Shilpe Saxena

2022-11-30 08:45:40 +00:00
Commented Nov 30, 2022 at 8:45 — Shilpe Saxena
– Shilpe Saxena, Commented Nov 30, 2022 at 8:45
Show your App.js file please

Alex Yepes
– Alex Yepes

2022-11-30 08:46:36 +00:00
Commented Nov 30, 2022 at 8:46 — Alex Yepes
– Alex Yepes, Commented Nov 30, 2022 at 8:46
I think you badly exported that modules.

ruckie
– ruckie

2022-11-30 08:49:53 +00:00
Commented Nov 30, 2022 at 8:49 — ruckie
– ruckie, Commented Nov 30, 2022 at 8:49

Alex Yepes · Accepted Answer · 2022-11-30 08:55:08Z

1

Remove the .src/ part from the paths for those 2 imports

import Topbar from "./scenes/global/Topbar"
import Sidebar from "./scenes/global/Sidear"

answered Nov 30, 2022 at 8:55

Alex Yepes

1,2051 gold badge11 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

sencerLeo Over a year ago

prnt.sc/5UCJNaZryXC8

Alex Yepes Over a year ago

Have you installed your dependencies?

Alex Yepes Over a year ago

If not, you need to run npm install from the root directory

Alex Yepes Over a year ago

Also, please add the code instead of screenshots as it makes it easier for everyone to see your code.

Laza Nantenaina · Accepted Answer · 2022-11-30 08:48:40Z

0

you should navigate to the root directory of your react project, then run npm install command to install all modules, and run npm run start to start your react app

answered Nov 30, 2022 at 8:48

Laza Nantenaina

112 bronze badges

Collectives™ on Stack Overflow

How to resolve can't find module error in react.js

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related