🤨

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

2022/08/25に公開約400字

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部分の大文字小文字には気をつけましょう。

Discussion

ログインするとコメントできます