尝试使用Firebase存储和Firestore数据库上载图像-遇到地图错误

// Firestore安全规则示例
service cloud.firestore {
  match /databases/{database}/documents {
    match /{document=**} {
      allow read, write: if request.auth != null;
    }
  }
}

// Storage安全规则示例
service firebase.storage {
  match /b/{bucket}/o {
    match /{allPaths=**} {
      allow read, write: if request.auth != null;
    }
  }
}

const storageRef = firebase.storage().ref();
const fileRef = storageRef.child('images/' + file.name);

fileRef.put(file).then(snapshot => {
  console.log('Uploaded a file!');
}).catch(error => {
  console.error('Error uploading file:', error);
});

npm install firebase@latest

// 初始化Firebase
firebase.initializeApp({
  apiKey: "YOUR_API_KEY",
  authDomain: "YOUR_AUTH_DOMAIN",
  projectId: "YOUR_PROJECT_ID",
  storageBucket: "YOUR_STORAGE_BUCKET",
  messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
  appId: "YOUR_APP_ID"
});

const storageRef = firebase.storage().ref();
const fileInput = document.getElementById('fileInput');

fileInput.addEventListener('change', (event) => {
  const file = event.target.files[0];
  const fileRef = storageRef.child('images/' + file.name);

  fileRef.put(file).then(snapshot => {
    console.log('Uploaded a file!');
    return snapshot.ref.getDownloadURL();
  }).then(url => {
    console.log('File URL:', url);
    const db = firebase.firestore();
    db.collection('images').add({
      url: url,
      timestamp: firebase.firestore.FieldValue.serverTimestamp()
    }).then(() => {
      console.log('Document written to Firestore!');
    }).catch(error => {
      console.error('Error writing document:', error);
    });
  }).catch(error => {
    console.error('Error uploading file:', error);
  });
});