Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

SCSS Debugging issue - Could not load content for webpack #24394

Closed
1 task done
jrdutton opened this issue Dec 8, 2022 · 2 comments · Fixed by #24395
Closed
1 task done

SCSS Debugging issue - Could not load content for webpack #24394

jrdutton opened this issue Dec 8, 2022 · 2 comments · Fixed by #24395

Comments

@jrdutton
Copy link

jrdutton commented Dec 8, 2022

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

@alan-agius4 alan-agius4 self-assigned this Dec 8, 2022
alan-agius4 added a commit to alan-agius4/angular-cli that referenced this issue Dec 8, 2022
Sass source map

This commits enables `sourceMapIncludeSources` when using the modern Sass API so that sources are included in generated
source map.

Closes angular#24394
alan-agius4 added a commit to alan-agius4/angular-cli that referenced this issue Dec 8, 2022
Sass source maps

This commits enables `sourceMapIncludeSources` when using the modern Sass API so that sources are included in generated
source map.

Closes angular#24394
alan-agius4 added a commit to alan-agius4/angular-cli that referenced this issue Dec 8, 2022
Sass source maps

This commits enables `sourceMapIncludeSources` when using the modern Sass API so that sources are included in generated
source map.

Closes angular#24394
@jdwholmes
Copy link

jdwholmes commented Dec 8, 2022

We are also experiencing this problem since the upgrade.

See screenshots below showing the issue.

Before:

before-upgrade
before-upgrade2

After:
after-upgrade
after-upgrade2

dgp1130 pushed a commit that referenced this issue Dec 8, 2022
Sass source maps

This commits enables `sourceMapIncludeSources` when using the modern Sass API so that sources are included in generated
source map.

Closes #24394
dgp1130 pushed a commit that referenced this issue Dec 8, 2022
Sass source maps

This commits enables `sourceMapIncludeSources` when using the modern Sass API so that sources are included in generated
source map.

Closes #24394

(cherry picked from commit 27b22b0)
@angular-automatic-lock-bot
Copy link

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.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Jan 8, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
3 participants