search

oslabs-beta / Reactrix

Analytical prototyping tool for React
https://www.reactrix.app
MIT License
60 stars 15 forks source link

Unable to run the project #58

Open victorkvarghese opened 2 years ago

victorkvarghese commented 2 years ago

` 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 commented 2 years ago

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

victorkvarghese commented 2 years ago

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

node: v14.17.3 npm: 6.14.13

heojay0309 commented 2 years ago

@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 commented 2 years ago

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 commented 2 years ago

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