Nuxt3からVercelにデプロイするときに「Could not resolve '〇〇.vue' from '〇〇.vue'」となる

Nuxt3のプロジェクトフォルダ内でnpm run buildとしてnuxt buildを実行してもエラーなく実行できるのにvercelにデプロイするときにはvercel内のnuxt buildで「[error] Could not resolve './index/〇〇.vue' from 〇〇.vue」とエラーが出てしまって相当つまづいたのでこれについて解説していきます。

何が原因

import部分でのミスです。ローカルでビルドするときにはimportの部分の大文字小文字は関係ないのですが、Vercelで実行するときにはそれらが関係してきます。そのため、僕の場合ですと「Theme.vue」というファイルを取得するときに「import Theme from "./theme.vue"」として取得していたためつまづいていました。

解決方法

import部分の大文字小文字には気をつけましょう。