Unable to run the project

[victorkvarghese]

` node dev.js
Compiling client ...
Compiling server ...
client:
2 assets
745 modules

ERROR in ./src/client/components/SignIn.tsx 50:0-42
Module not found: Error: Can't resolve '@mui/material/Button' in '/Users/victorvarghese/ReactProjects/Reactrix/src/client/components'

ERROR in ./src/client/components/SignIn.tsx 51:0-52
Module not found: Error: Can't resolve '@mui/material/CssBaseline' in '/Users/victorvarghese/ReactProjects/Reactrix/src/client/components'

ERROR in ./src/client/components/SignIn.tsx 52:0-38
Module not found: Error: Can't resolve '@mui/material/Grid' in '/Users/victorvarghese/ReactProjects/Reactrix/src/client/components'

ERROR in ./src/client/components/SignIn.tsx 53:0-36
Module not found: Error: Can't resolve '@mui/material/Box' in '/Users/victorvarghese/ReactProjects/Reactrix/src/client/components'

ERROR in ./src/client/components/SignIn.tsx 54:0-50
Module not found: Error: Can't resolve '@mui/material/Typography' in '/Users/victorvarghese/ReactProjects/Reactrix/src/client/components'

ERROR in ./src/client/components/SignIn.tsx 55:0-48
Module not found: Error: Can't resolve '@mui/material/Container' in '/Users/victorvarghese/ReactProjects/Reactrix/src/client/components'

ERROR in ./src/client/components/SignIn.tsx 56:0-46
Module not found: Error: Can't resolve '@mui/material/styles' in '/Users/victorvarghese/ReactProjects/Reactrix/src/client/components'

ERROR in ./src/client/components/SignIn.tsx 57:0-44
Module not found: Error: Can't resolve '@mui/material/colors' in '/Users/victorvarghese/ReactProjects/Reactrix/src/client/components'

ERROR in ./src/client/containers/Snapshots.tsx 3:0-47
Module not found: Error: Can't resolve '@mui/material' in '/Users/victorvarghese/ReactProjects/Reactrix/src/client/containers'

ERROR in ./src/client/styles/theme.ts 2:0-44
Module not found: Error: Can't resolve '@mui/material/colors' in '/Users/victorvarghese/ReactProjects/Reactrix/src/client/styles'

ERROR in /Users/victorvarghese/ReactProjects/Reactrix/src/client/components/SignIn.tsx
./src/client/components/SignIn.tsx 4:36-58
[tsl] ERROR in /Users/victorvarghese/ReactProjects/Reactrix/src/client/components/SignIn.tsx(4,37)
TS2307: Cannot find module '@mui/material/Button' or its corresponding type declarations.

ERROR in /Users/victorvarghese/ReactProjects/Reactrix/src/client/components/SignIn.tsx
./src/client/components/SignIn.tsx 5:24-51
[tsl] ERROR in /Users/victorvarghese/ReactProjects/Reactrix/src/client/components/SignIn.tsx(5,25)
TS2307: Cannot find module '@mui/material/CssBaseline' or its corresponding type declarations.

ERROR in /Users/victorvarghese/ReactProjects/Reactrix/src/client/components/SignIn.tsx
./src/client/components/SignIn.tsx 6:22-47
[tsl] ERROR in /Users/victorvarghese/ReactProjects/Reactrix/src/client/components/SignIn.tsx(6,23)
TS2307: Cannot find module '@mui/material/TextField' or its corresponding type declarations.

ERROR in /Users/victorvarghese/ReactProjects/Reactrix/src/client/components/SignIn.tsx
./src/client/components/SignIn.tsx 7:17-37
[tsl] ERROR in /Users/victorvarghese/ReactProjects/Reactrix/src/client/components/SignIn.tsx(7,18)
TS2307: Cannot find module '@mui/material/Grid' or its corresponding type declarations.

ERROR in /Users/victorvarghese/ReactProjects/Reactrix/src/client/components/SignIn.tsx
./src/client/components/SignIn.tsx 8:16-35
[tsl] ERROR in /Users/victorvarghese/ReactProjects/Reactrix/src/client/components/SignIn.tsx(8,17)
TS2307: Cannot find module '@mui/material/Box' or its corresponding type declarations.

ERROR in /Users/victorvarghese/ReactProjects/Reactrix/src/client/components/SignIn.tsx
./src/client/components/SignIn.tsx 9:23-49
[tsl] ERROR in /Users/victorvarghese/ReactProjects/Reactrix/src/client/components/SignIn.tsx(9,24)
TS2307: Cannot find module '@mui/material/Typography' or its corresponding type declarations.

ERROR in /Users/victorvarghese/ReactProjects/Reactrix/src/client/components/SignIn.tsx
./src/client/components/SignIn.tsx 10:22-47
[tsl] ERROR in /Users/victorvarghese/ReactProjects/Reactrix/src/client/components/SignIn.tsx(10,23)
TS2307: Cannot find module '@mui/material/Container' or its corresponding type declarations.

ERROR in /Users/victorvarghese/ReactProjects/Reactrix/src/client/components/SignIn.tsx
./src/client/components/SignIn.tsx 11:23-45
[tsl] ERROR in /Users/victorvarghese/ReactProjects/Reactrix/src/client/components/SignIn.tsx(11,24)
TS2307: Cannot find module '@mui/material/styles' or its corresponding type declarations.

ERROR in /Users/victorvarghese/ReactProjects/Reactrix/src/client/components/SignIn.tsx
./src/client/components/SignIn.tsx 12:21-43
[tsl] ERROR in /Users/victorvarghese/ReactProjects/Reactrix/src/client/components/SignIn.tsx(12,22)
TS2307: Cannot find module '@mui/material/colors' or its corresponding type declarations.

ERROR in /Users/victorvarghese/ReactProjects/Reactrix/src/client/components/SignIn.tsx
./src/client/components/SignIn.tsx 16:51-56
[tsl] ERROR in /Users/victorvarghese/ReactProjects/Reactrix/src/client/components/SignIn.tsx(16,52)
TS7031: Binding element 'theme' implicitly has an 'any' type.

ERROR in /Users/victorvarghese/ReactProjects/Reactrix/src/client/containers/Snapshots.tsx
./src/client/containers/Snapshots.tsx 3:31-46
[tsl] ERROR in /Users/victorvarghese/ReactProjects/Reactrix/src/client/containers/Snapshots.tsx(3,32)
TS2307: Cannot find module '@mui/material' or its corresponding type declarations.

ERROR in /Users/victorvarghese/ReactProjects/Reactrix/src/client/styles/theme.ts
./src/client/styles/theme.ts 2:21-43
[tsl] ERROR in /Users/victorvarghese/ReactProjects/Reactrix/src/client/styles/theme.ts(2,22)
TS2307: Cannot find module '@mui/material/colors' or its corresponding type declarations.

client (webpack 5.65.0) compiled with 22 errors in 9470 ms

server:
1 asset
13 modules
server (webpack 5.65.0) compiled successfully in 6434 ms`

[heojay0309]

Hey Victor, it looks like it's looking for those modules. maybe try npm install and see if the same errors are showing

[victorkvarghese]

HI @heojay0309
i did npm install and then node dev.js

node: v14.17.3
npm: 6.14.13

[heojay0309]

@victorkvarghese I'm currently running on node version 16.13.0. npm version 8.1.
I've tried running this test with node version 14.17.3, and got the same errors as you.
You can easily fix this issue by updating your node to a stable version.

sudo npm install -g n
sudo n 16.13.0
then it'll update your node and npm version automatically.

Check this link out on why some modules are causing the errors:
https://docs.npmjs.com/cli/v8/configuring-npm/package-json#peerdependencies

[Nijarshrestha]

Hello @heojay0309
I tried with both node version 16.13.0 and npm version 8.1.0 still having error as mentioned by @victorkvarghese

[pacosegovia]

Hi @victorkvarghese, It is because of the Material-UI version, in the package.json it is @material-ui/core when it should be @mui/material (is due to the change in the name of the new version 5).

A pull request should be opened to make a change in the dependence 🙌🏻