SCSS Debugging issue - Could not load content for webpack

[jrdutton]

Command

serve

Is this a regression?

• Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

14.X

Description

When debugging the CSS in Chrome, clicking on SCSS file links results in an error (similar to the below):

Could not load content for webpack:///node_modules/bootstrap/scss/_grid.scss (Fetch through target failed: Unsupported URL scheme; Fallback: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME)

This was working with version 14, not version 15.

Minimal Reproduction

Working GitHub repo:
https://github.com/jrdutton/a14

Non-Working GitHub repo:
https://github.com/jrdutton/a15

Reproduction:

1. Run in Chrome with ng serve -o
2. Right-click on HELLO WORLD and Inspect.
3. View styles Tab and click on _grid.scss URL.
4. Error appears.

Exception or Error

No response

Your Environment

Non-Working

Angular CLI: 15.0.2
Node: 16.16.0
Package Manager: npm 8.12.2
OS: win32 x64

Angular: 15.0.2
... animations, cli, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1500.2
@angular-devkit/build-angular   15.0.2
@angular-devkit/core            15.0.2
@angular-devkit/schematics      15.0.2
@schematics/angular             15.0.2
rxjs                            7.5.7
typescript                      4.8.4

Working

Angular CLI: 14.2.10
Node: 16.16.0
Package Manager: npm 8.12.2
OS: win32 x64

Angular: 14.2.12
... animations, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1402.10
@angular-devkit/build-angular   14.2.10
@angular-devkit/core            14.2.10
@angular-devkit/schematics      14.2.10
@angular/cli                    14.2.10
@schematics/angular             14.2.10
rxjs                            7.5.7
typescript                      4.7.4

Anything else relevant?

No response

[jdwholmes]

We are also experiencing this problem since the upgrade.

See screenshots below showing the issue.

Before:

After:

[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.}