Skip to content

[Nuxt.js] コンポネントの自動インポートで困ったこと

2021-10-25

Nuxt.jsのコンポネント自動インポートについて

https://nuxtjs.org/ja/docs/directory-structure/components/

Nuxt.jsのコンポネントの自動インポートはお使いでしょうか?

設定

export default {
  components: true
}

Vueファイルにて毎回インポート文を書いたりしなくていいので非常に便利ですが万能ではありません。

困ったこと

自分が特に困ったのは単体テストの時です。

componentがうまくインポートされません。

また自動インポートだとエディタ上で型情報がうまく連携されません。

解決策

普通に各ファイルにてインポートしましょう。

ちょっと動かす以外の目的のプロジェクトでは普通にインポートした方が良さそうです。

参照

https://zenn.dev/kon_karin/articles/1b5f282ba64bd3

← PrevNext →
  • Motohouse Dev Blog