Need help in Shuffle dev installation.

[PratyushChauhan]

trying to work on #1176
OS: Win 11
Hello, I'm trying to set up shuffle locally for development, by following the installation guide, I tried to run the frontend but ran into some issues while installing dependencies. Do let me know what is causing this.

Logs:

PS C:\dev\projects\OSS\Shuffle\frontend> nvm use 21
Now using node v21.1.0 (64-bit)
PS C:\dev\projects\OSS\Shuffle\frontend> npm install --legacy-peer-deps --force
npm WARN using --force Recommended protections disabled.

up to date, audited 2055 packages in 1m

363 packages are looking for funding
  run `npm fund` for details

23 vulnerabilities (2 moderate, 21 high)

To address issues that do not require attention, run:
  npm audit fix

To address all issues possible (including breaking changes), run:
  npm audit fix --force

Some issues need review, and may require choosing
a different dependency.

Run `npm audit` for details.
PS C:\dev\projects\OSS\Shuffle\frontend> npm start

> shuffler@1.3.0 start
> HTTPS=false&&PORT=3000 GENERATE_SOURCEMAP=false react-scripts --openssl-legacy-provider start

'HTTPS' is not recognized as an internal or external command,
operable program or batch file.
PS C:\dev\projects\OSS\Shuffle\frontend> ^C

Running npm install without flags:

PS C:\dev\projects\OSS\Shuffle\frontend> npm install 
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR! 
npm ERR! While resolving: @mui/styles@5.14.16
npm ERR! Found: react@18.2.0
npm ERR! node_modules/react
npm ERR!   react@"^18.2.0" from the root project
npm ERR!   peer react@">=16.8.0" from @emotion/react@11.11.1
npm ERR!   node_modules/@emotion/react
npm ERR!     @emotion/react@"^11.11.1" from the root project
npm ERR!     peer @emotion/react@"^11.0.0-rc.0" from @emotion/styled@11.11.0
npm ERR!     node_modules/@emotion/styled
npm ERR!       @emotion/styled@"^11.11.0" from the root project
npm ERR!       6 more (@mui/material, @mui/styled-engine, @mui/system, ...)
npm ERR!     6 more (@mui/material, @mui/styled-engine, @mui/system, ...)
npm ERR!   53 more (@emotion/styled, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^17.0.0" from @mui/styles@5.14.16
npm ERR! node_modules/@mui/styles
npm ERR!   @mui/styles@"^5.14.0" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: react@17.0.2
npm ERR! node_modules/react
npm ERR!   peer react@"^17.0.0" from @mui/styles@5.14.16
npm ERR!   node_modules/@mui/styles
npm ERR!     @mui/styles@"^5.14.0" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR!
npm ERR! For a full report see:
npm ERR! C:\Users\ciphe\AppData\Local\npm-cache\_logs\2023-11-03T04_16_16_983Z-eresolve-report.txt

npm ERR! A complete log of this run can be found in: C:\Users\ciphe\AppData\Local\npm-cache\_logs\2023-11-03T04_16_16_983Z-debug-0.log

[ashwinexe]

@jaygohil-cyber

[jaygohil-cyber]

Hey @PratyushChauhan, just FYI, we have an announcement for this: Shuffle/Shuffle#1176 (comment).

In terms of installation, @0x0elliot will be assisting you.

[0x0elliot]

hey Jay, we sorted this out earlier on discord. @ashwinexe if you're having the same issue, ping me on our discord? you will find the link on our README!

[jaygohil-cyber]

@ashwinexe's our POC at Github and it's @PratyushChauhan with the issue, you mean Pratyush's all set?

[0x0elliot]

oh my bad. replied on mobile, didn't see that he was a member of github octernships.

yes, pratyush is all set :)

[PratyushChauhan]

For the folks coming to this thread, here's how you can solve this on windows.

You'll have to use wsl for this.
Activate wsl and run the npm commands with flags. That should get your frontend running.