Description
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:
- Have a style which imports material theming like this =>
@import '~@angular/material/_theming.scss';
- Run
ng update @angular/cdk
orng update @angular/core @angular/cli @angular/material @angular/cdk
- Run
npm start
orng 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