Cannot create an Angular project under a path containing the '#' character

[ArnaudDenoyelle]

Which @angular/* package(s) are the source of the bug?

compiler, core

Is this a regression?

No

Description

When an Angular project is created under a path that contains the # character (like /home/arnaud/C#/my-project/frontend), this character will be misinterpreted by Angular

Steps to reproduce :

mkdir C#
cd C\#/
ng new --routing false --style css my-app
cd my-app
npm start

Please provide a link to a minimal reproduction of the bug

Not relevant

Please provide the exception or error you saw

Initial Chunk Files | Names         |  Raw Size
vendor.js           | vendor        |   1.51 MB | 
polyfills.js        | polyfills     | 106.35 kB | 
main.js             | main          |  46.06 kB | 
runtime.js          | runtime       |   5.89 kB | 
styles.css          | styles        | 823 bytes | 

                    | Initial Total |   1.66 MB

Build at: 2023-03-21T11:05:40.110Z - Hash: 18bec7f1f615ec1f - Time: 7185ms

Error: Module not found: Error: Can't resolve '/home/arnaud/code/test-zone/C#/my-app/node_modules/webpack-dev-server/client/index.js?protocol=auto%3A&username=&password=&hostname=0.0.0.0&port=0&pathname=%2Fng-cli-ws&logging=info&overlay=%7B%22errors%22%3Atrue%2C%22warnings%22%3Afalse%7D&reconnect=10&hot=false&live-reload=true' in '/home/arnaud/code/test-zone/C#/my-app'

Error: Module not found: Error: Can't resolve '/home/arnaud/code/test-zone/C#/my-app/src/app/app.component.css?ngResource' in '/home/arnaud/code/test-zone/C#/my-app'

Error: The loader "/home/arnaud/code/test-zone/C#/my-app/src/app/app.component.css" didn't return a string.

Please provide the environment you discovered this bug in (run ng version)

code/test-zone [ ng version

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/
    

Angular CLI: 15.2.4
Node: 18.15.0
Package Manager: npm 9.5.0
OS: linux x64

Angular: 
... 

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.1502.4 (cli-only)
@angular-devkit/core         15.2.4 (cli-only)
@angular-devkit/schematics   15.2.4 (cli-only)
@schematics/angular          15.2.4 (cli-only)

Anything else?

Related SO question : https://stackoverflow.com/questions/75799925/cant-run-the-newly-created-angular-application?noredirect=1#comment133710401_75799925

Please :

• either authorize the # character
• or explain the good reason why it is not allowed and/or make the error message more clear about this

[alan-agius4]

This is a known Webpack issue.

See: webpack/webpack#16819

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}