#TypeScript #tsconfig
## 事象
[[Vite]]でビルドをするプロジェクトにおいて、[[TypeScriptでカレントファイルからの相対パスを使わずimport]]しようとしても、失敗して以下のようなエラーになる。
```error
[plugin:vite:import-analysis] Failed to resolve import "~/domain/base/vo/UserName" from "src\domain\base\entity\User.ts". Does the file exist?
```
## 原因
[[vite.config.ts]]で`resolve.alias`を設定していないから。
```ts
import * as path from "path";
export default defineConfig({
plugins: [vue()],
resolve: {
alias: {
"~": path.resolve(__dirname, "src"),
},
},
});
```
> [!hint] `path`と`__dirname`を解決できない場合
> [[@types.node|@types/node]] のインストールが必要
上記は[[tsconfig.json]]が以下のように設定されている場合。
```json
{
"compilerOptions": {
"baseUrl": ".",
"paths": {
"~/*": ["./src/*"],
}
}
}
```
Not found
This page does not exist