title: angular v11 + Scss failed to compile
body: <p>We have an existing angular project with <code>scss</code> setup architecture like <a href="https://github.com/venkatakrishna874/angular11" rel="nofollow noreferrer">this</a> but after upgrading to angular v11 with angular cli v11, we are facing this issue, not able to find what is causing it <a href="https://i.stack.imgur.com/R3nPy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/R3nPy.png" alt="this" /></a></p>
  <p>can someone help us?</p>
  <p>I have also created <a href="https://stackblitz.com/edit/github-jpthpu?file=src/app/app.component.scss" rel="nofollow noreferrer">stackblitz</a> as well.</p>
  <p>Thank you in advance.</p>
  <pre><code>Error: ./src/app/app.component.scss
  Module Error (from ./node_modules/postcss-loader/dist/cjs.js):
  (Emitted value instead of an instance of Error) CssSyntaxError: C:\Users\VNelapati\Projects\NXT_Gen\app.component.scss:11:4: Can't resolve './assets/iconscaret-down-blue-16.png' in 'C:\Users\VNelapati\Projects\NXT_Gen\ax-upgrade\angular11\src\app'
  
     9 |     right: 16px;
    10 |     cursor: pointer;
  &gt; 11 |     background-image: url($icon-url +&quot;caret-down-blue-16.png&quot;);
       |    ^
    12 | }
    13 | 
  </code></pre>