在不加载的情况下离线添加数据 AngularFire

Question

我正在使用 AngularFire 创建 PWA。关键点是添加离线数据，但是好像不行。

在我的 module.app 中，我设置了 AngularFirstoreModel.enablePersistence，您可以在下面的代码中看到：

  imports: [
    BrowserModule,
    FormsModule,
    AppRoutingModule,
    ServiceWorkerModule.register('ngsw-worker.js', {
      enabled: environment.production,
      // Register the ServiceWorker as soon as the app is stable
      // or after 30 seconds (whichever comes first).
      registrationStrategy: 'registerWhenStable:30000',
    }),
    AngularFireModule.initializeApp(environment.firebaseConfig),
    AngularFirestoreModule, //Niet zeker dat dit weg mag
    // Just like that, you're offline enabled!
    AngularFirestoreModule.enablePersistence(),
    AngularFireAuthModule,
  ],

要添加数据，如您所见，我没有做任何特别的事情

 await this.firestore
        .collection('households')
        .add({
          groupname: groepsnaam,
          isDeleted: false,
          idCreator: idCreator,
        })
        .then(
          async (res) => {
            id = res.id;
            await this.firestore
              .collection('households')
              .doc(res.id)
              .collection('leden')
              .doc(idCreator)
              .set({
                idPersoon: idCreator,
              });
          },
          (err) => {
            alert(err);
            return err;
          }
        );

我不知道我使用 Google 身份验证登录是否重要。它给出了这个错误：

Unhandled Promise rejection: Firebase: Error (auth/internal-error). ; Zone: <root> ; Task: HTMLScriptElement.addEventListener:error ; Value: FirebaseError: Firebase: Error (auth/internal-error).

不知道是我用错了还是忘记了什么。

如果你觉得可以帮到我，请留言。

Answer 1

我运行遇到了同样的问题，我猜你在离线时尝试初始化 Firebase 时遇到了这个问题。

在不加载的情况下离线添加数据 AngularFire

Add data AngularFire offline without loading

angular

google-cloud-firestore

progressive-web-apps

angularfire