React js抛出Firestore丢失或权限不足，即使规则是公共的

Question

下面是我编写firestore的代码

当我试图写入Firestore数据库时，我得到缺少或权限不足错误。即使在我将规则更改为public之后。

在我的项目中使用npm firebase包的iam

const [progress, setProgress] = useState(0);
const [error, setError] = useState(null);
const [url, setUrl] = useState(null);



useEffect(() => {

    const storageRef = myFirebaseStorage.ref(file.name);

     //database collection reference
    const collectionRef = myFirebaseFirestore.collection('images');

    storageRef.put(file).on('state_changed', (snap) => {

        let percentage = (snap.bytesTransferred / snap.totalBytes) * 100;

        setProgress(percentage);

    },
        (err) => {
            setError(err);
        },
        async () => {

            const url = await storageRef.getDownloadURL();
            console.log(" Image URL: ", url);
            const createdAt = timestamp();

             //writing data to firestore

            collectionRef.add({ url: url, createdAt: createdAt })
                .then((docRef) => {
                    console.log("Document written with ID: ", docRef.id);
                })
                .catch((error) => {
                    console.error("Error adding document: ", error);
                });

                





            collectionRef
                .get()
                .then(snapshot => {
                    // allowed for an admin user
                    console.log("got it ")
                })
                .catch(error => {
                    // a non-admin user is denied list permission
                    console.log(error.message);
                });
            setUrl(url);

        }
    )
}, [file])

return (
    { progress, url, error }
)}export default useStorage

Answer 1

当您还引用您的Firebase存储时，您还需要设置Firebase存储安全规则，以便写入工作。