Closed4
Hono RPCを使う際にプロジェクトごとのPath Aliasをかいくぐる
サーバ側をDeno + Honoなスタックで作っているアプリがあり、リポジトリが分かれているフロント側でHono RPCを使いたいなと思っている。
ちなみに、フロントはVite + React-ts。
Git Submoduleを使って、フロント側でサーバ側のソースを取り込んで、hono/client
してインテリセンス効かせようと思ったけど、効かない。
なぜなんだろうと思ったときに浮かんだのが、サーバ側でPath Aliasを設定していた。
多分、これが原因。
案1:サーバ側のPath Aliasをやめる
サーバ側のPath Alias設定をやめて、相対パスで書く。
tsconfig
にサーバ側のPath Aliasを設定する
案2:フロント側のフロント側のtsconfig
にサーバ側のPath AliasをもとにしたPath Aliasを設定する。
例として、サーバ側(Deno)のdeno.jsonc
のimports
に以下のようにPath Aliasが設定されていた場合、
"imports": {
"$/": "./"
},
フロントディレクトリ内のfoo
ディレクトリ下にサーバのソースがあるとするとフロント側のtsconfig
は以下のように設定する。
"compilerOptions": {
"baseUrl": ".",
"paths": {
"$/*": ["./foo/*"] // サーバのソースの配置場所を考慮したパスにする。
}
}
ただ、サーバ側とフロント側のPath Aliasがかぶると使えない。
このスクラップは2ヶ月前にクローズされました