как решить Firebase FireStore не может достичь бэкэнда FireStore (javascript)

Question

Я впервые учусь создавать PAW (Progressive Web App). Сначала я создал проект на базе Firebase. Затем, когда я пытаюсь получить данные из облачного пожарного хранилища, я получаю сообщение об ошибке:

@ firebase / firestore (7.11.0) пожарному хранилищу не удалось связаться с бэкэндом Firestore.

Итак, я отключаю свой брандмауэр и антивирус, но все равно получаю ту же ошибку. Пожалуйста, мне нужна помощь, я потратил неделю, чтобы попытаться выяснить. Вот мой код:

<script src="https://www.gstatic.com/firebasejs/7.11.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.11.0/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.11.0/firebase-firestore.js"></script>
<script>
  var config = {
    apiKey: "key",
    authDomain: "authdomain",
    databaseURL: "https://....firebaseio.com",
    projectId: "projectId",
  };

  var defaultProject = firebase.initializeApp(config);

  const db = defaultProject.firestore();

  db.collection("recipes").onSnapshot(snapshot => {
    console.log(snapshot.docChanges());
  });
</script>