公開日:

2021/05/09 - 15:37

Next.jsにTypeScriptを導入したらVS Codeで「モジュール 'module name' またはそれに対応する型宣言が見つかりません。」という警告が出た

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

シェアする

「Next.js」タグがついた最新のチラ裏

「TypeScript」タグがついた最新のチラ裏

最新のチラ裏