Reactrix icon indicating copy to clipboard operation
Reactrix copied to clipboard

Published 20 hours ago • verified publisher icon oslabs-beta

Unable to run the project

Open victorkvarghese opened this issue 3 years ago • 5 comments
trafficstars

` 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`

victorkvarghese avatar Jan 22 '22 01:01 victorkvarghese

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

heojay0309 avatar Jan 22 '22 21:01 heojay0309

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

node: v14.17.3 npm: 6.14.13

victorkvarghese avatar Jan 23 '22 06:01 victorkvarghese

@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

heojay0309 avatar Jan 24 '22 03:01 heojay0309

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

Nijarshrestha avatar Jan 27 '22 05:01 Nijarshrestha

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 🙌🏻

pacosegovia avatar Jan 27 '22 08:01 pacosegovia