title: Typescript import aliases not working in VSCode
body: <p>I'm currently building a NextJS template and trying to configure import aliases.</p>
  <p><strong>tsconfig.json</strong> aliases-related part:</p>
  <pre><code>&quot;baseUrl&quot;: &quot;./src&quot;,
  &quot;paths&quot;: {
    &quot;@api/*&quot;: [&quot;api/*&quot;],
    &quot;@components/*&quot;: [&quot;components/*&quot;],
    &quot;@constants/*&quot;: [&quot;constants/*&quot;],
    &quot;@pages/*&quot;: [&quot;pages/*&quot;],
    &quot;@store&quot;: [&quot;store&quot;],
    &quot;@store/*&quot;: [&quot;store/*&quot;],
    &quot;@styles/*&quot;: [&quot;styles/*&quot;],
    &quot;@util/*&quot;: [&quot;util/*&quot;]
  }
  </code></pre>
  <p><strong>Folder structure</strong>:</p>
  <p><a href="https://i.stack.imgur.com/qJIKa.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qJIKa.png" alt="enter image description here" /></a></p>
  <p><strong>The problem</strong>: VSCode alias importing not working properly.</p>
  <p>E.g. in <em>_app.tsx</em>, alias import for Redux store is working properly:</p>
  <p><a href="https://i.stack.imgur.com/hssNh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hssNh.png" alt="enter image description here" /></a></p>
  <p><strong>1. Problem</strong>: alias import for exported type <em>State</em> from <em>Navigation.slice.ts</em> is not working.</p>
  <p>Exported type:</p>
  <p><a href="https://i.stack.imgur.com/rcOnq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rcOnq.png" alt="enter image description here" /></a></p>
  <p>VSCode import in <em>Navigation.selectors.ts</em>:</p>
  <p><a href="https://i.stack.imgur.com/xEusT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xEusT.png" alt="enter image description here" /></a></p>
  <p>Also here it can be seen that exported constant <em>RootState</em> from <em>src/store/reducer.ts</em> is working properly. The fact that alias import sometimes works and sometimes doesn't is really confusing.</p>
  <p><strong>2. Problem</strong>: Import for exported constant <em>navigationReducer</em> from <em>Navigation.slice.ts</em> inside <em>reducer.ts</em> not working at all.</p>
  <p>Exported constant <em>navigationReducer</em>:</p>
  <p><a href="https://i.stack.imgur.com/A5mLe.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/A5mLe.png" alt="enter image description here" /></a></p>
  <p>VSCode import in <em>reducer.ts</em> not working at all:</p>
  <p><a href="https://i.stack.imgur.com/DnAXu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DnAXu.png" alt="enter image description here" /></a></p>
  <p>Any help is greatly appreciated!</p>