title: WebStorm can't find Sass file
body: <p>I am importing a Sass file into my component with</p>
  <pre class="lang-css prettyprint-override"><code>@import 'src/assets/sass/var'
  </code></pre>
  <p>In the browser everything is correct but WebStorm tells me:</p>
  <blockquote>
  <p>Error: Can't find stylesheet to import.</p>
  <p>@import 'src/assets/sass/var'</p>
  </blockquote>
  <p>home.component.<strong>css</strong> looks like this:</p>
  <pre class="lang-css prettyprint-override"><code>/* Error: Can't find stylesheet to import.
   *   ,
   * 1 | @import 'src/assets/sass/var'
   *   |         ^^^^^^^^^^^^^^^^^^^^^
   *   '
   *   home.component.sass 1:9  root stylesheet */
  
  body::before {
    font-family: &quot;Source Code Pro&quot;, &quot;SF Mono&quot;, Monaco, Inconsolata, &quot;Fira Mono&quot;,
        &quot;Droid Sans Mono&quot;, monospace, monospace;
    white-space: pre;
    display: block;
    padding: 1em;
    margin-bottom: 1em;
    border-bottom: 2px solid black;
    content: &quot;Error: Can't find stylesheet to import.\a   \2577 \a 1 \2502  @import 'src/assets/sass/var'\d\a   \2502          ^^^^^^^^^^^^^^^^^^^^^\a   \2575 \a   home.component.sass 1:9  root stylesheet&quot;;
  }
  </code></pre>
  <p>Why do I get this error?</p>