我如何修复 _firebase_index__WEBPACK_IMPORTED_MODULE_17__.default.collection is not a function javascript 中的错误？

Question

所以当我运行应用程序时，我看到一个错误显示

<块引用>

“firebase_index__WEBPACK_IMPORTED_MODULE_17__.default.collection 不是一个函数”......所以我该如何解决这个错误？我在 React 应用中安装了 firebase 版本。

这是我的 index.js：

import firebase from 'firebase/app';
    
    import 'firebase/auth';
    import 'firebase/firestore';
    
    
    
    var firebaseConfigDev = {
      config for dev is here...
    }

    var firebaseConfigProd = {
     config for prod is here...
    }
    // Do some environment variable magic here during build to choose environment
    // const config = process.env.NODE_ENV === 'production'
    //  ? prodConfig
    //  : devConfig;
    
    if (!firebase.apps.length) {
      firebase.initializeApp(firebaseConfigDev)
    }
    
    let firestoreEnvironment = process.env.REACT_APP_CUSTOMER_ENVIRONMENT
    const db = firebase.firestore()
    const settings = {timestampsInSnapshots: true}
    db.settings(settings)
    const auth = firebase.auth() 
    
    export default {
      auth,
      db,
      firestoreEnvironment
    }

这是我发现的错误..！