Unable to use assets in url() in scss after upgrading to Angular 10

I upgraded my Angular application from v9 to v10. Almost everything worked but all my images used in url("assets/images/some/path/image.png") started to throw the exception-

ERROR in ./src/app/pages/about-us/about-us.component.scss
Module Error (from ./node_modules/postcss-loader/src/index.js):
(Emitted value instead of an instance of Error) CssSyntaxError: /Users/shashank/Projects/curika/temp-ssr/src/app/pages/about-us/about-us.component.scss:4:20: Can't resolve './assets/images/about-us.png' in '/Users/shashank/Projects/curika/temp-ssr/src/app/pages/about-us'

2 | display: block;
3 | min-height: 500px;
> 4 | background: url("./assets/images/about-us.png") no-repeat center;
| ^
5 | }




I tried various old links but none worked.

1. https://github.com/angular/angular-cli/issues/12797
2. https://github.com/angular/angular/issues/32811

Continue reading...