BOOTHで購入できる Nuxt & Firebaseではじめる！サーバーレスWebアプリ開発入門で発生したエラー

前提・実現したいこと

現在、Nuxt.js でQ&Aアプリを作成しております。
plugins/firebase.js を実装し、yarn run を実行したところ、以下のエラー文が発生がしましたので、解決したいです。

発生している問題・エラーメッセージ

 ERROR  The "path" argument must be of type string. Received type undefined  16:34:18

  at validateString (internal/validators.js:125:11)
  at Object.extname (path.js:1365:5)
  at uniqBy_1.options.plugins.map (node_modules/@nuxt/builder/dist/builder.js:5702:58)
  at Array.map (<anonymous>)
  at Builder.normalizePlugins (node_modules/@nuxt/builder/dist/builder.js:5698:28)

該当のソースコード

firebasejs
1// app, firestore, auth のそれぞれを別々に import しないと、コンソールでエラーが発生する
2
3import firebase from 'firebase/app'
4import 'firebase/firestore'
5import 'firebase/auth'
6
7export default (context, inject) => {
8  let fireApp
9  if (!firebase.apps.length) {
10    // 先程firebaseコンソールでコピーしたコード
11    fireApp = firebase.initializeApp({
12      apiKey: '',
13      authDomain: '',
14      databaseURL: '',
15      projectId: '',
16      storageBucket: '',
17      messagingSenderId: '',
18      appId: ''
19    })
20  } else {
21    fireApp = firebase.app()
22  }
23  inject('fireApp', fireApp)
24}
25

###該当のソースコード

defaultvue
1<template>
2  <div>
3    <nav class="navbar" role="navigation" aria-label="main navigation">
4      <div class="navbar-brand">
5        <a href="/" class="navbar-item">
6          <img src="https://bulma.io/images/bulma-logo.png" width="112" height="28" alt="">
7        </a>
8      </div>
9      <div id="navbarBasicExample" class="navbar-menu">
10        <div class="navbar-start">
11          <nuxt-link class="navbar-item" to="/">
12            ホーム
13          </nuxt-link>
14        </div>
15
16        <div class="navbar-end">
17          <div class="navbar-item">
18            <div class="buttons">
19            <!-- ここにログインボタンを入れる -->
20            </div>
21          </div>
22        </div>
23      </div>
24    </nav>
25    <div class="main-body">
26      <!-- これがページのレンダリング要素 -->
27      <nuxt />
28      <!-- nuxtタグはpagesフォルダにある各pageコンポーネントを描画するタグになる -->
29    </div>
30    <footer class="footer">
31      <div>
32        <div class="content has-text-centered">
33          <p>&copy; qaSample</p>
34        </div>
35      </div>
36    </footer>
37  </div>
38</template>
39

試したこと

yarn run lint --fix を実行しました。

また、firebase の hosting を停止するために firebase hosting:disableを入力しましたが、その際に、
This will immediately make your site inaccessible! が表示され、それに Y と入力したのが原因だと思い、改めて hosting をし直しましたが解決に至りませんでした。

補足情報（FW/ツールのバージョンなど）

packagejson
1{
2  "name": "qaSample",
3  "version": "1.0.0",
4  "description": "My priceless Nuxt.js project",
5  "author": "",
6  "private": true,
7  "scripts": {
8    "dev": "nuxt",
9    "build": "nuxt build",
10    "start": "nuxt start",
11    "generate": "nuxt generate",
12    "lint": "eslint --ext .js,.vue --ignore-path .gitignore ."
13  },
14  "dependencies": {
15    "@nuxtjs/axios": "^5.3.6",
16    "@nuxtjs/bulma": "^1.2.1",
17    "firebase": "^7.2.2",
18    "nuxt": "^2.0.0"
19  },
20  "devDependencies": {
21    "@nuxtjs/eslint-config": "^1.0.1",
22    "@nuxtjs/eslint-module": "^1.0.0",
23    "babel-eslint": "^10.0.1",
24    "eslint": "^6.1.0",
25    "eslint-plugin-nuxt": ">=0.4.2"
26  }
27}
28