Firebaseと接続できない？

ionic + Firebaseのアプリで、起動直後に👇のようなエラーがたくさん発生します。

App[7594:73870] [Client] Updating selectors failed with: Error Domain=NSCocoaErrorDomain Code=4099 "The connection to service named com.apple.commcenter.coretelephony.xpc was invalidated: failed at lookup with error 3 - No such process." UserInfo={NSDebugDescription=The connection to service named com.apple.commcenter.coretelephony.xpc was invalidated: failed at lookup with error 3 - No such process.}

App[7594:73875] [Client] Synchronous remote object proxy returned error: Error Domain=NSCocoaErrorDomain Code=4099 "The connection to service named com.apple.commcenter.coretelephony.xpc was invalidated: failed at lookup with error 3 - No such process." UserInfo={NSDebugDescription=The connection to service named com.apple.commcenter.coretelephony.xpc was invalidated: failed at lookup with error 3 - No such process.}

このエラーが原因かはわかりませんが、Firebase Authを使ったログインやアカウント登録などができません。。。
Webでは正常にログインやアカウント登録などができますが、ネイティブアプリではできません・・・

これらのエラーは一体何を意味するのでしょうか？？

いつからこのエラーが起こったのか？

思い当たる変更点は
・firebaseが9系になった
・angularfireが7.3になった

これくらいです・・・。

環境

ionic info

terminal
1ionic info
2
3Ionic:
4
5   Ionic CLI                     : 6.19.1 (/Users/gen/.nodebrew/node/v14.17.2/lib/node_modules/@ionic/cli)
6   Ionic Framework               : @ionic/angular 6.1.8
7   @angular-devkit/build-angular : 13.3.7
8   @angular-devkit/schematics    : 11.2.17
9   @angular/cli                  : 11.2.17
10   @ionic/angular-toolkit        : 3.0.0
11
12Capacitor:
13
14   Capacitor CLI      : 3.3.3
15   @capacitor/android : 3.3.3
16   @capacitor/core    : 3.3.3
17   @capacitor/ios     : 3.3.3
18
19Cordova:
20
21   Cordova CLI       : 9.0.0 (cordova-lib@9.0.1)
22   Cordova Platforms : none
23   Cordova Plugins   : no whitelisted plugins (0 plugins total)
24
25Utility:
26
27   cordova-res                          : not installed globally
28   native-run (update available: 1.6.0) : 1.5.0
29
30System:
31
32   NodeJS : v14.17.2 (/Users/user/.nodebrew/node/v14.17.2/bin/node)
33   npm    : 8.3.0
34   OS     : macOS Monterey
35   Xcode  : Xcode 13.3.1 Build version 13E500a

package.json

json
1{
2  "name": "carender",
3  "version": "0.0.1",
4  "author": "Ionic Framework",
5  "homepage": "https://ionicframework.com/",
6  "scripts": {
7    "ng": "ng",
8    "start": "ng serve",
9    "build": "ng build",
10    "test": "ng test",
11    "lint": "ng lint",
12    "e2e": "ng e2e"
13  },
14  "private": true,
15  "dependencies": {
16    "@angular-devkit/architect": "^0.1100.7",
17    "@angular/common": "~13.3.10",
18    "@angular/compiler": "~13.3.10",
19    "@angular/fire": "7.3.0",
20    "@angular/forms": "~13.3.10",
21    "@angular/localize": "^13.3.10",
22    "@angular/platform-browser": "~13.3.10",
23    "@angular/platform-browser-dynamic": "~13.3.10",
24    "@angular/router": "~13.3.10",
25    "@capacitor-community/admob": "^3.2.0",
26    "@capacitor/android": "^3.0.2",
27    "@capacitor/app": "^1.0.2",
28    "@capacitor/core": "^3.0.2",
29    "@capacitor/haptics": "^1.0.2",
30    "@capacitor/ios": "^3.0.2",
31    "@capacitor/keyboard": "^1.0.2",
32    "@capacitor/local-notifications": "^1.0.2",
33    "@capacitor/network": "^1.0.2",
34    "@capacitor/push-notifications": "^1.0.2",
35    "@capacitor/splash-screen": "^1.0.2",
36    "@capacitor/status-bar": "^1.0.2",
37    "@ionic-native/core": "^5.16.0",
38    "@ionic-native/document-viewer": "^5.24.0",
39    "@ionic-native/native-storage": "^5.16.0",
40    "@ionic-native/splash-screen": "^5.16.0",
41    "@ionic-native/status-bar": "^5.16.0",
42    "@ionic/angular": "^6.1.8",
43    "cordova-plugin-nativestorage": "^2.3.2",
44    "cordova-promise-polyfill": "0.0.2",
45    "core-js": "^2.6.10",
46    "firebase": "^9.0.0",
47    "ionic2-calendar": "^0.5.10",
48    "jetifier": "^1.6.6",
49    "moment": "^2.24.0",
50    "npm": "^8.1.0",
51    "rxjs": "^6.5.3",
52    "tslib": "^2.4.0",
53    "zone.js": "~0.11.5"
54  },
55  "devDependencies": {
56    "@angular-devkit/build-angular": "^13.3.7",
57    "@angular-devkit/core": "~11.2.17",
58    "@angular/cli": "^11.2.17",
59    "@angular/compiler-cli": "~13.3.10",
60    "@angular/core": "^13.3.10",
61    "@angular/language-service": "~13.3.10",
62    "@capacitor/cli": "^3.0.2",
63    "@ionic/angular-toolkit": "^3.0.0",
64    "@types/jasmine": "~3.3.8",
65    "@types/jasminewd2": "^2.0.8",
66    "@types/node": "~8.9.4",
67    "codelyzer": "^5.2.0",
68    "jasmine-core": "~3.4.0",
69    "jasmine-spec-reporter": "~4.2.1",
70    "karma": "~6.3.9",
71    "karma-chrome-launcher": "~2.2.0",
72    "karma-coverage-istanbul-reporter": "~2.0.1",
73    "karma-jasmine": "~2.0.1",
74    "karma-jasmine-html-reporter": "^1.4.0",
75    "protractor": "~7.0.0",
76    "ts-node": "~7.0.0",
77    "tslint": "~6.1.3",
78    "typescript": "~4.6.4"
79  },
80  "description": "An Ionic project",
81  "cordova": {
82    "plugins": {
83      "cordova-plugin-nativestorage": {}
84    }
85  }
86}

src/app/app.module.ts

typescript
1import { NgModule, LOCALE_ID } from '@angular/core';
2import { BrowserModule } from '@angular/platform-browser';
3import { RouteReuseStrategy } from '@angular/router';
4
5import { IonicModule, IonicRouteStrategy } from '@ionic/angular';
6import { SplashScreen } from '@ionic-native/splash-screen/ngx';
7import { StatusBar } from '@ionic-native/status-bar/ngx';
8
9import { AppComponent } from './app.component';
10import { AppRoutingModule } from './app-routing.module';
11
12import { HttpClientModule } from '@angular/common/http';
13
14// カレンダー関係
15import { NgCalendarModule  } from 'ionic2-calendar';
16import { registerLocaleData } from '@angular/common';
17import localeJa from '@angular/common/locales/ja';
18
19// Firebaseを利用するためのモジュール
20import { provideFirebaseApp, initializeApp } from '@angular/fire/app';
21import { provideAuth, getAuth } from '@angular/fire/auth';
22import { getFirestore, provideFirestore } from '@angular/fire/firestore';
23import { FIREBASE_OPTIONS } from "@angular/fire/compat";
24
25// Firebase設定情報ファイルをインポート
26import { environment } from '../environments/environment';
27
28// NativeStorageをインポート
29import { NativeStorage } from '@ionic-native/native-storage/ngx';
30
31registerLocaleData(localeJa);
32
33
34@NgModule({
35  declarations: [AppComponent],
36  entryComponents: [],
37  imports: [
38    BrowserModule,
39    IonicModule.forRoot(),
40    AppRoutingModule,
41    NgCalendarModule,
42    HttpClientModule,
43    provideFirebaseApp(() => initializeApp(environment.firebase)),
44    provideAuth(() => getAuth()),
45    provideFirestore(() => getFirestore())
46  ],
47  providers: [
48    StatusBar,
49    SplashScreen,
50    NativeStorage,
51    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy },
52    { provide: FIREBASE_OPTIONS, useValue: environment.firebase },
53    { provide: LOCALE_ID, useValue: 'ja-JP' },
54  ],
55  bootstrap: [AppComponent]
56})
57export class AppModule {}

試したこと

https://unity-yuji.xyz/synchronous-remote-object-proxy-returned-error-error-domainnscocoaerrordomain-code4099/

👆を参考にコマンドを実行してみましたが、何も変わりませんでした。。

terminal
1$ xcrun simctl spawn booted log config --mode "level:off"  --subsystem com.apple.CoreTelephony
2
3No devices are booted.

回答1件

自己解決

こちらの記事を参考に解決できました！
https://zenn.dev/rdlabo/articles/f91d7a65d2772c#module%E3%81%B8%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB

src/app/app.module.tsを下記のように書き換えました！

typescript
1// Firebaseを利用するためのモジュール
2import { provideFirebaseApp, initializeApp, getApp } from '@angular/fire/app';
3import { provideAuth, getAuth, indexedDBLocalPersistence, initializeAuth } from '@angular/fire/auth';
4import { getFirestore, provideFirestore } from '@angular/fire/firestore';
5import { FIREBASE_OPTIONS } from "@angular/fire/compat";
6
7// Firebase設定情報ファイルをインポート
8import { environment } from '../environments/environment';
9
10// NativeStorageをインポート
11import { NativeStorage } from '@ionic-native/native-storage/ngx';
12import { Capacitor } from '@capacitor/core';
13
14registerLocaleData(localeJa);
15
16
17@NgModule({
18  declarations: [AppComponent],
19  entryComponents: [],
20  imports: [
21    BrowserModule,
22    IonicModule.forRoot(),
23    AppRoutingModule,
24    NgCalendarModule,
25    HttpClientModule,
26    provideFirebaseApp(() => initializeApp(environment.firebase)),
27    provideAuth(() => {
28      if (Capacitor.isNativePlatform()) {
29        return initializeAuth(getApp(), {
30          persistence: indexedDBLocalPersistence
31        });
32      } else {
33        return getAuth();
34      }
35    }),
36    provideFirestore(() => getFirestore())
37  ],
38  providers: [
39    StatusBar,
40    SplashScreen,
41    NativeStorage,
42    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy },
43    { provide: FIREBASE_OPTIONS, useValue: environment.firebase },
44    { provide: LOCALE_ID, useValue: 'ja-JP' },
45  ],
46  bootstrap: [AppComponent]
47})
48export class AppModule {}