无法读取未定义的属性_internalPath

Question

我一直试图让firebase与react一起工作，但出现了此错误

import React, { useState, useEffect } from 'react'
import firebase from 'firebase/app'
import 'firebase/firestore'

export default function CoursesPage(){
    const [courses, setCourses] = useState(<p>Loading courses...</p>)
    useEffect(() => {
        async function fetch(){
            const db = firebase.firestore()
            const myAuthLevel = (firebase.auth().currentUser != null) ? await (await db.collection('users').doc(firebase.auth().currentUser.uid).get()).data().authLevel : 0
            console.log(myAuthLevel)
            const courses = await db.collection("courses").where(myAuthLevel, '>=', 'authLevel').get()// orderBy('createdAt').get()
            console.log(courses)
        }
        fetch()
    },[])

    return(
        <page>
            <h1>Courses</h1>
            {courses}
        </page>
    )
}

未经处理的拒绝（TypeError）：无法读取未定义的fetch D:/Peti/Programming/node/coursewebpage/src/components/coursePage.js:12 9 | const db=firebase.firestore（）10 | const myAuthLevel=（firebase.auth（）.currentUser！=null）的属性“|？wait（wait db.collection（'users'）.doc（firebase.auth（）.currentUser.uid）.get（））.data（）.authLevel:0 11 | console.log（myAuthLevel）12 | const courses=wait db.collection（'courses'）。其中（myAuthLevel，'

Answer 1

你得到了这个错误，因为有些东西是错误的查询或auth和一个意外的状态发生，因为你的应用程序不能解决你的获取函数中的promise，包装这个函数的所有代码围绕一个try/catch你可能会得到一个不同的错误，这将比你所知道的更有帮助。所以这样做：

async function fetch(){
    try {
        const db = firebase.firestore()
        const myAuthLevel = (firebase.auth().currentUser != null) ? await (await db.collection('users').doc(firebase.auth().currentUser.uid).get()).data().authLevel : 0
        console.log(myAuthLevel)
        const courses = await db.collection("courses").where(myAuthLevel, '>=', 'authLevel').get()// orderBy('createdAt').get()
        console.log(courses)
    } catch (err) {
        console.log(err);
    }
}