Problems starting a fresh created react app in folders with '#' in the name.

[CGRDMZ]

Describe the bug

Creating a fresh application in a folder structure, in which any folder has a name including a '#' symbol, for example D:\projects\web\something#something\myapp (might be the same case with other symbols), results in errors.

Did you try recovering your dependencies?

yes

Which terms did you search for in User Guide?

I made a lot of search about the module versions and dependencies and encountered another issue #11789 which has the '#' character in their folder structure and having the same problem. I am not sure whether this is the right place to issue the bug since it seems like a webpack thing to me, but since i have encountered this problem while i was trying to create a new react app using this tool, this is where it felt like the right place.

Environment

Environment Info:

  current version of create-react-app: 5.0.0

  System:
    OS: Windows 10 10.0.22000
    CPU: (8) x64 Intel(R) Core(TM) i5-8300H CPU @ 2.30GHz
  Binaries:
    Node: 14.18.3 - D:\Program Files\nodejs\node.EXE
    Yarn: Not Found
    npm: 6.14.15 - D:\Program Files\nodejs\npm.CMD
  Browsers:
    Chrome: 97.0.4692.71
    Edge: Spartan (44.22000.120.0), Chromium (97.0.1072.55)
    Internet Explorer: 11.0.22000.120
  npmPackages:
    react: ^17.0.2 => 17.0.2
    react-dom: ^17.0.2 => 17.0.2
    react-scripts: 5.0.0 => 5.0.0
  npmGlobalPackages:
    create-react-app: Not Found

Steps to reproduce

1. create a folder with '#' in its name eg: "app#folder".
2. cd into that folder.
3. create a new react app using npx create-react-app new-app
4. cd new-app.
5. npm start

Expected behavior

The app should start with default react welcome page.

Actual behavior

you get compilation errors saying module not found.

[ahmeedev]

what's the solution of this problem?

[jeffascript]

@CGRDMZ I ran into a similar problem today, all for me to see this issue. I spent a ton of the day thinking I did something wrong