Trouble creating a hydrogen project on Windows 11

[joelschout]

What is the location of your example repository?

No response

Which package or tool is having this issue?

Hydrogen

What version of that package or tool are you using?

latest

What version of Remix are you using?

No response

Steps to Reproduce

i run the command npm create @shopify/hydrogen@latest -- --quickstart in a project folder on C:\Users{your-user-name}\OneDrive\Documents\Projetct\Shopify and got an error.

i have installed node 20.17.0

Expected Behavior

i expected to install the project without any problems, i tried it on a windows 10 pc and i had no problems with it

Actual Behavior

it got me this error:

Failed to initialize project: ENOENT: no such file or directory, open       │
│  'c:\Users\Jo%C3%ABl\AppData\Local\npm-cache\_npx\e1eac94ad41cc36f\node_mod  │
│  ules\@shopify\create-hydrogen\dist\assets\hydrogen\starter\app\root.tsx'    │
│                                                                              │
│  Error: ENOENT: no such file or directory, open                              │
│  'c:\Users\Jo%C3%ABl\AppData\Local\npm-cache\_npx\e1eac94ad41cc36f\node_mod  │
│  ules\@shopify\create-hydrogen\dist\assets\hydrogen\starter\app\root.tsx'    │
│      at async open (node:internal/fs/promises:639:25)                        │
│      at async readFile (node:internal/fs/promises:1242:14)                   │
│      at async ELr                                                            │
│  (file:///C:/Users/Jo%C3%ABl/AppData/Local/npm-cache/_npx/e1eac94ad41cc36f/  │
│  node_modules/@shopify/create-hydrogen/dist/create-app.js:1789:5605)         │
│      at async Vre                                                            │
│  (file:///C:/Users/Jo%C3%ABl/AppData/Local/npm-cache/_npx/e1eac94ad41cc36f/  │
│  node_modules/@shopify/create-hydrogen/dist/create-app.js:1789:4932)         │
│      at async Promise.all (index 0)     

npm error code 1
npm error path C:\Users\username\OneDrive\Documents\Projects
npm error command failed
npm error command C:\WINDOWS\system32\cmd.exe /d /s /c create-hydrogen --quickstart
npm error A complete log of this run can be found in: C:\Users\username\AppData\Local\npm-cache_logs\2024-09-30T17_50_20_244Z-debug-0.log

[scottdixon]

Thanks for the report @joelschout

Can you confirm you've got additional tools installed?

[joelschout]

I did not, they are installing. I will try again after they are finished.

[joelschout]

i have installed it, still the same error and issue

[guidance-mattfc]

I am getting the same issue. Any thoughts?

[jonas9105]

How has this still not been fixed?

[prathakpr]

I am still getting the same issue

[Santiago868]

**Hi, I see a similar issue on Windows 11 Pro when running both:

• npm create @shopify/hydrogen@latest -- --quickstart
• npm create @shopify/hydrogen@latest

The error below led me to try installing under a different user, but the issue persists. The username does contain space input example name below.

Steps to Reproduce

1. Run npm create @shopify/hydrogen@latest -- --quickstart
2. Alternatively, run npm create @shopify/hydrogen@latest

Error Message

                                                                                       
│  Failed to initialize project: ENOENT: no such file or directory, open                 
│  'c:\Users\Test%20User\AppData\Local\npm-cache\_npx\e1eac94ad41cc36f\node_modu  
│  les\@shopify\create-hydrogen\dist\assets\hydrogen\starter\app\root.tsx'               
│                                                                                        
│  Error: ENOENT: no such file or directory, open                                        
│  'c:\Users\Test%20User\AppData\Local\npm-cache\_npx\e1eac94ad41cc36f\node_modu  
│  les\@shopify\create-hydrogen\dist\assets\hydrogen\starter\app\root.tsx'               
│               

npm error code 1
npm error path C:\Users\Public
npm error command failed
npm error command C:\WINDOWS\system32\cmd.exe /d /s /c create-hydrogen --quickstart

Any ideas on how to resolve this?