next.js importするファイルを全部統一したい

Question

開発環境
・next.js
・Typescript
・styled-conponents

ファイルをimportして読み込むときそのファイルを基準とした読み込みになってしまいます
一番上の階層からを基準としたいのですがどうやったらいいのでしょうか？

Navbar.tsxでは
import Burger from './Burger';
だけど

user.tsxでは
import Burger from './comnponents/modules/Burger';
で読み込まないといけない。

わかる人いましたらご教授お願いしたいです。

Answer 1

srcフォルダを作成してコード類を移動
jsconfig.jsonを作成、下記を記述

{
  "compilerOptions": {
    "baseUrl": "src"
  },
  "include": ["src"]
}

参考記事：https://qiita.com/GenkiAma/items/a48a8ac4c749e92053ef

Comments

[yuyuyuooo]

"baseUrl": "src"だけではダメなのでしょうか？

[yuyuyuooo]

"include": ["src"]をつけると何がいいのでしょうか？

[kito-chall]

"baseUrl": "src"だけでも動きます。
「明示的」に設定をしているというのがメリットになります。
https://create-react-app.dev/docs/importing-a-component/#absolute-imports
https://code.visualstudio.com/docs/languages/jsconfig

[yuyuyuooo]

ありがとうございます