【Nuxt.js】nuxt.config.jsにmodulesを追加するときに注意すること

あきぞらです。

nuxt.config.jsにmodulesを追加しようとしたとき、

初歩的なミスなのですが、意外と起きがちなので注意書きとして書いていこうと思います。

うまく動かない書き方、うまく動く書き方

nuxt.config.jsにmodulesを複数追加するとき、

以下のように書いてしまっていました。

modules: [
    [
      "@nuxtjs/axios",
      "@nuxtjs/pwa",
      "@nuxtjs/auth",
      "@nuxtjs/toast"
    ]
],

これでは、読み込むモジュールが重複してしまい、

うまく読み込まれません。

モジュールを読み込む場合、しっかりと配列で分けましょう。

modules: [ 
    [ "@nuxtjs/axios" ], 
    [ "@nuxtjs/pwa" ], 
    [ "@nuxtjs/auth" ], 
    [ "@nuxtjs/toast" ],
],

これで問題なくモジュールが読み込まれます。