Next.jsをTypeScript化した際にモジュールパスのエイリアスが正しく動作せず、VS Codeに表題の警告が出た場合は、恐らくtsconfig.jsonの設定不足です。
以下の通り、tsconfig.jsonのbaseUrlpathsオプションを有効化して、適当なパスを入力しましょう。

    "baseUrl": "./",                   /* Base directory to resolve non-absolute module names. */
    "paths": {
      "@/*": ["./src/*"]
    },                                 /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */

これで治らない場合は、VS Codeを再起動してみたり、next.config.jsに設定したモジュールパスのエイリアスとtsconfig.jsonに設定したパスが一致しているか確認するとよいでしょう。

おわり。

参考: https://nextjs.org/docs/advanced-features/module-path-aliases

したがき 渋谷でWebフロントエンドDeveloperをやっている人。 最近はバックエンド領域の勉強に力をいれているらしい(らしい)。

TypeScriptに関連する記事

最新記事