問題

以下のようにimportしたら、

import app from '@/basicAuth'

以下のエラーが出ました。

TS2307: Cannot find module '@/basicAuth' or its corresponding type declarations.

webpackには、alias定義しているのに、何故だろうと思ってました。

原因

tsconfig.jsonにaliasを定義していないからです。

以下のようにbaseUrlとpathsを定義すれば解決します。

  "compilerOptions": {
    〜〜〜〜 省略 〜〜〜〜
    "baseUrl": ".",
    "paths": {
      "@/*": ["src/*"]
    }
   〜〜〜〜 省略 〜〜〜〜
  }