moduleが見つからないエラー

Question

Nuxt.jsにVuetifyを導入したところ、
以下のエラーが出てしまい、作動しなくなってしまいました。

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


 FATAL  Cannot find module '@nuxtjs/vuetify'                                               09:24:04
Require stack:
- /Users/jumpei/Desktop/sayingApp/the-saying-app/node_modules/@nuxt/core/dist/core.js
- /Users/jumpei/Desktop/sayingApp/the-saying-app/node_modules/@nuxt/cli/dist/cli-index.js
- /Users/jumpei/Desktop/sayingApp/the-saying-app/node_modules/@nuxt/cli/dist/cli.js
- /Users/jumpei/Desktop/sayingApp/the-saying-app/node_modules/nuxt/bin/nuxt.js

  Error: Cannot find module '@nuxtjs/vuetify'
  Require stack:
  - node_modules/@nuxt/core/dist/core.js
  - node_modules/@nuxt/cli/dist/cli-index.js
  - node_modules/@nuxt/cli/dist/cli.js
  - node_modules/nuxt/bin/nuxt.js
  at Resolver.requireModule (node_modules/@nuxt/core/dist/core.js:615:31)
  at ModuleContainer.addModule (node_modules/@nuxt/core/dist/core.js:180:38)
  at node_modules/@nuxt/utils/dist/utils.js:1846:43
  at async ModuleContainer.ready (node_modules/@nuxt/core/dist/core.js:55:5)
  at async Nuxt._init (node_modules/@nuxt/core/dist/core.js:715:5)


   ╭─────────────────────────────────────────────────────────────────────────────────────────────╮
   │                                                                                             │
   │   ✖ Nuxt Fatal Error                                                                        │
   │                                                                                             │
   │   Error: Cannot find module '@nuxtjs/vuetify'                                               │
   │   Require stack:                                                                            │
   │   -                                                                                         │
   │   /Users/jumpei/Desktop/sayingApp/the-saying-app/node_modules/@nuxt/core/dist/core.js       │
   │   -                                                                                         │
   │   /Users/jumpei/Desktop/sayingApp/the-saying-app/node_modules/@nuxt/cli/dist/cli-index.js   │
   │   -                                                                                         │
   │   /Users/jumpei/Desktop/sayingApp/the-saying-app/node_modules/@nuxt/cli/dist/cli.js         │
   │   - /Users/jumpei/Desktop/sayingApp/the-saying-app/node_modules/nuxt/bin/nuxt.js            │
   │                                                                                             │
   ╰─────────────────────────────────────────────────────────────────────────────────────────────╯

error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
jumpei@JumpeinoMacBook-ea the-saying-app % cd package.json
cd: not a directory: package.json
jumpei@JumpeinoMacBook-ea the-saying-app % 

{
  "name": "the-saying-app",
  "version": "1.0.0",
  "description": "Nuxt.js project",
  "author": "Jumpei",
  "private": true,
  "scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "start": "nuxt start",
    "generate": "nuxt generate",
    "lint": "eslint --ext .js,.vue --ignore-path .gitignore .",
    "precommit": "npm run lint"
  },
  "dependencies": {
    "firebase": "^7.21.0",
    "nuxt": "^2.0.0"
  },
  "devDependencies": {
    "babel-eslint": "^10.0.1",
    "eslint": "^4.19.1",
    "eslint-friendly-formatter": "^4.0.1",
    "eslint-loader": "^2.1.1",
    "eslint-plugin-vue": "^4.0.0"
  }
}

moduleがないということだったので、npm installをもう1度行ってみましたが、
同じエラーのままでした・・・

どうしたら直せるのか、教えていただけませんか？？

Answer 1

module.exports = {
  modules: [
    '@nuxtjs/vuetify'
  ],
}

このnuxt.config.jsのモジュールの設定をしなおして、
https://qiita.com/unchi/items/785aab7b978c5f927efe
このサイトを参考にしたところ、無事に動きました。