Skip to content

bug(scss): ng update @angular/cdk did not remove .scss extension imports which breaks the application after serving. #24162

Closed
@iKrishnaSahu

Description

@iKrishnaSahu

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

No response

Description

ng update @angular/cdk did not remove .scss extension imports which breaks the application after serving.

Before ng update @angular/cdk
@import '~@angular/material/_theming.scss';

After ng update @angular/cdk
@import '@angular/material/_theming.scss';

Reproduction

Steps to reproduce:

  1. Have a style which imports material theming like this => @import '~@angular/material/_theming.scss';
  2. Run ng update @angular/cdk or ng update @angular/core @angular/cli ​@angular/material ​@angular/cdk
  3. Run npm start or ng serve

Expected Behavior

It should have removed .scss extension from the @import.

@import '@angular/material/_theming';

Actual Behavior

Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Can't find stylesheet to import.

21 │ @import '@angular/material/_theming.scss';
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

apps\custom\src\custom-theme.scss 21:9 @import

Environment

Angular CLI: 13.0.4
Node: 14.17.0
Package Manager: npm 6.14.13
OS: win32 x64

Angular: 13.1.1
... animations, cdk, common, compiler, compiler-cli, core, forms
... material, platform-browser, platform-browser-dynamic, router

@angular-devkit/architect 0.1300.4
@angular-devkit/build-angular 13.0.4
@angular-devkit/core 13.0.4
@angular-devkit/schematics 13.0.4
@angular/cli 13.0.4
@angular/flex-layout 13.0.0-beta.36
@angular/language-service 12.2.15
@schematics/angular 13.0.4
rxjs 7.5.1
typescript 4.4.4

  • Browser(s): Chrome
  • Operating System (e.g. Windows, macOS, Ubuntu): Windows

Metadata

Metadata

Assignees

Labels

P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgentarea: cdk/schematicscdk/schematics is *not* a public API

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions