["firebase"].storage is not a function. **。そんなバカなありえない（Nuxt.js）

Question

**plugins_firebase__WEBPACK_IMPORTED_MODULE_12_["firebase"].storage is
not a function. **

(In'plugins_firebase__WEBPACK_IMPORTED_MODULE_12_["firebase"].storage()',

'plugins_firebase__WEBPACK_IMPORTED_MODULE_12_["firebase"].storage' is undefined)

ドキュメント通りのコードを入力したのですが、こうしたエラーがでます。
firebase storage web

Nuxt.jsで、画像アップロード機能を作成しています。

定石通り、以下の通りに進めております。

①~/plugins/firebase.jsを作成

②.vueファイルにimportして使う。

------firebase.js------

import firebase from 'firebase/app'
import 'firebase/auth'
import 'firebase/firestore'
if (!firebase.apps.length) {
 const config = {
    apiKey: "XXX",
    authDomain: "XXX",
    databaseURL: "XXX",
    projectId: "XXX",
    storageBucket: "XXX",
    messagingSenderId: "XXX",
    appId: "XXX",
    measurementId: "XXX"
 }
 firebase.initializeApp(config)
}
const db = firebase.firestore();
export {
 firebase,
 db
}

<template>
......
</template>
<script>
import {firebase,db } from '~/plugins/firebase'
export default{
   ...... 
   methods:{
     const storage = firebase.storage();//これがダメみたい。ドキュメント通りなのに
        storage
        .ref()
        .child('image'+this.imageName)
        .put(this.image)
        .then(function(snapshot){
          console.log('success') 
        });
    }
}

</script>

こうして、実際に画像をアップロードするボタンをクリックすると、

先程申したエラーが出ます。

現在も原因を探しています。

なにか些細なことでも、教えていただければ大変ありがたいです。

よろしくおねがいします。

Answer 1

~/plugins/firebase.js　において、

import firebase from 'firebase/app'
import 'firebase/auth'
import 'firebase/firestore'
import 'firebase/storage'//=============ここが必須
......
....
const db = firebase.firestore();
const storage = firebase.storage();//これは新しく追加した
export {
 firebase,
 db,
 storage//=========================これも追加
}

**import 'firebase/storage'**が抜けておりました。

これを記述することにより、エラーが消え、解決いたしました。

お騒がせいたしました。