Nuxt.jsにVuetifyをインストールしたら、サーバーが起動しなくなった

Nuxt.jsにVuetifyをインストールしたところ、エラーが発生し、サーバーが起動しなくなってしまいました。
今回は、CLIを使用せずにインストールしました。

下記に、吐かれたエラーと解決方法を記します。

Nuxt.jsのバージョンは、

% npx nuxt -v
@nuxt/cli v2.15.8

Vuetifyをインストールします。

% npm install @nuxtjs/vuetify -D

ちなみに「-D」というのは、「--save-dev」の省略形のようです。
参照：https://stackoverflow.com/questions/23177336/what-does-npm-d-flag-mean
公式ドキュメントはこちら：https://vuetifyjs.com/ja/getting-started/installation/

次に、nuxt.config.jsファイルを更新して、ビルドにVuetifyモジュールを含めます。

nuxt.config.json

export.default {
:省略
:
buildModules: [
    '@nuxtjs/vuetify'
  ],
:
:省略
}

そして、サーバーを起動するとエラーが。。。

% npm run dev

 WARN  Module @nuxtjs/vuetify not found. Please ensure @nuxtjs/vuetify is in dependencies and installed.


 FATAL  Cannot find module '@nuxtjs/vuetify'

  at Function.Module._resolveFilename (internal/modules/cjs/loader.js:636:15)
  at Function.resolve (internal/modules/cjs/helpers.js:33:19)
  at p (node_modules/jiti/dist/jiti.js:1:52987)
  at Resolver.v [as _require] (node_modules/jiti/dist/jiti.js:1:53886)
  at Resolver.requireModule (node_modules/@nuxt/core/dist/core.js:381:29)
  at ModuleContainer.addModule (node_modules/@nuxt/core/dist/core.js:182:38)
  at promise.then (node_modules/@nuxt/utils/dist/utils.js:639:43)
  at process._tickCallback (internal/process/next_tick.js:68:7)
  at Function.Module.runMain (internal/modules/cjs/loader.js:832:11)
  at startup (internal/bootstrap/node.js:283:19)


   ╭─────────────────────────────────────────────────╮
   │                                                 │
   │   ✖ Nuxt Fatal Error                            │
   │                                                 │
   │   Error: Cannot find module '@nuxtjs/vuetify'   │
   │                                                 │
   ╰─────────────────────────────────────────────────╯

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! front@1.0.0 dev: `nuxt`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the front@1.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/{ユーザー名}/.npm/_logs/2021-08-23T15_11_34_999Z-debug.log

上記で、「FATAL Cannot find module '@nuxtjs/vuetify'」と書かれています。

nuxt.config.jsonのvuetifyモジュールをmoduleへ書き換えるなどしましたが、解決できず。。。
こちらの解決法の参照：https://qiita.com/munieru_jp/items/882727bb493c8502aea1

最終的に解決できた方法はこちら↓
https://github.com/nuxt-community/vuetify-module/issues/338

node-modulesフォルダを一旦全て削除してから、再度インストールし直しました。

少し躊躇しましたが、問題なく完了しました！笑

今回の記事は以上です！

何かご意見があれば、気軽にコメントください！
また、こうした方が良かった等のご意見も頂ければ幸いです！