Analytics: Never fired any event in Firebase Analytics/DebugView

[grenmath]

Version info

"dependencies": { "@angular/animations": "~9.1.11", "@angular/cdk": "^9.2.4", "@angular/common": "~9.1.11", "@angular/compiler": "~9.1.11", "@angular/core": "~9.1.11", "@angular/fire": "^6.0.2", "@angular/forms": "~9.1.11", "@angular/material": "^9.2.4", "@angular/platform-browser": "~9.1.11", "@angular/platform-browser-dynamic": "~9.1.11", "@angular/router": "~9.1.11", "rxjs": "~6.5.4", "tslib": "^1.10.0", "zone.js": "~0.10.2", "firebase": "^7.13.1" }, "devDependencies": { "@angular-devkit/build-angular": "~0.901.10", "@angular/cli": "~9.1.10", "@angular/compiler-cli": "~9.1.11", "@types/node": "^12.11.1", "@types/jasmine": "~3.5.0", "@types/jasminewd2": "~2.0.3", "codelyzer": "^5.1.2", "jasmine-core": "~3.5.0", "jasmine-spec-reporter": "~4.2.1", "karma": "~5.0.0", "karma-chrome-launcher": "~3.1.0", "karma-coverage-istanbul-reporter": "~2.1.0", "karma-jasmine": "~3.0.1", "karma-jasmine-html-reporter": "^1.4.2", "protractor": "~7.0.0", "ts-node": "~8.3.0", "tslint": "~6.1.0", "typescript": "~3.8.3", "@angular-devkit/architect": ">= 0.900 < 0.1100", "firebase-tools": "^8.0.0", "fuzzy": "^0.1.3", "inquirer": "^6.2.2", "inquirer-autocomplete-prompt": "^1.0.1", "open": "^7.0.3" }

How to reproduce these conditions

Easy , just setup AngularFire with Analytics and Firebase ProjectId (config.json) Dont see any event in Firebase Analytics and neither in DebugView

My AppModule is like this:

`import { BrowserModule } from '@angular/platform-browser'; import { NgModule, isDevMode } from '@angular/core'; import { AppRoutingModule } from './app-routing.module'; import { AngularFireModule } from '@angular/fire'; import { AngularFireAuthModule } from '@angular/fire/auth'; import { environment } from '../environments/environment';

import { AppComponent } from './app.component'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; import { HeaderComponent } from './base/header/header.component'; import { FooterComponent } from './base/footer/footer.component'; import { AboutComponent } from './base/about/about.component'; import { ContactComponent } from './base/contact/contact.component'; import { HomeComponent } from './base/home/home.component';

// Material import { MatToolbarModule } from '@angular/material/toolbar'; import { MatIconModule } from '@angular/material/icon'; import { MatCardModule } from '@angular/material/card'; import { AdminModule } from './modules/admin/admin.module'; import { VerifyEmailComponent } from './base/verify-email/verify-email.component'; import { AngularFirestoreModule } from '@angular/fire/firestore'; import { AngularFireDatabaseModule } from '@angular/fire/database'; import { AngularFireAnalyticsModule, ScreenTrackingService, DEBUG_MODE, } from '@angular/fire/analytics';

@NgModule({ declarations: [ AppComponent, HeaderComponent, FooterComponent, AboutComponent, ContactComponent, HomeComponent, VerifyEmailComponent, ], imports: [ BrowserModule, AppRoutingModule, BrowserAnimationsModule, AngularFireModule.initializeApp(environment.firebase), AngularFireAnalyticsModule, AngularFireAuthModule, AngularFireDatabaseModule, AngularFirestoreModule, MatToolbarModule, MatIconModule, MatCardModule, AdminModule, ], providers: [ ScreenTrackingService, { provide: DEBUG_MODE, useFactory: () => isDevMode() }, ], bootstrap: [AppComponent], }) export class AppModule {} `

Debug output

No errors, but i enabled Google Analytics Debugger. I received this log in console Dev Chrome tools:

Screenshots

Expected behavior

received any event in Firebase Analytics and DebugView

Actual behavior

Nothing received with Fire 6.0.2 :( Downgraded at 5.4.2 , analytics work! Updated every call with FireAuth with auth. No conflicts since downgrade. Surprised bumped to 6 and Analytics dont work... bug regression ?

[Marcusg62]

I just tried adding Analytics to my project, and same - nothing is firing.

[grenmath]

I just tried adding Analytics to my project, and same - nothing is firing.

While they will fix someday, you can use 5.4.2 , y'll be fine. So far, no problem with Auth, Firestore and Analytics. I consider 6.0.x. not quite stable and still beta

[rubenheymans]

the same for me, also with performance monitoring.

[grenmath]

the same for me, also with performance monitoring.

Until now, dont need Performance Monitor..., l'll test & try Performance Monitoring this week. Im curious what it's Performance Monitoring . thanks

[NielsCodes]

This is a duplicate of https://github.com/angular/angularfire/issues/2505

[akshay-js]

the same for me

[conde2]

Same here

[blasco]

Same thing... spent whole day trying all kind of different scenarios, but never got a single event fired.

[blasco]

@MathieuG-EIT I'm trying to rollback to AngularFire 5.4.2, but I get a 'app.firestore is not a function' Could you share with me what firebase version you use? Thank you

[conde2]

@blasco and @MathieuG-EIT

This is a duplicate of #2505, just downgrade to 6.0.0

[grenmath]

@MathieuG-EIT I'm trying to rollback to AngularFire 5.4.2, but I get a 'app.firestore is not a function' Could you share with me what firebase version you use? Thank you

"dependencies": { "@angular/animations": "~9.1.11", "@angular/cdk": "^9.2.4", "@angular/common": "~9.1.11", "@angular/compiler": "~9.1.11", "@angular/core": "~9.1.11", "@angular/fire": "^5.4.2", "@angular/forms": "~9.1.11", "@angular/material": "^9.2.4", "@angular/platform-browser": "~9.1.11", "@angular/platform-browser-dynamic": "~9.1.11", "@angular/router": "~9.1.11", "@ngx-translate/core": "^12.1.2", "@ngx-translate/http-loader": "^5.0.0", "firebase": "^7.13.1", "rxjs": "~6.5.4", "tslib": "^1.10.0", "zone.js": "~0.10.2"

[grenmath]

Never have problem with Firestore

[blasco]

@grenmath Thank you! if you are doing Server Side Rendering, Firestore couldn't be more broken... I'm going to give version 5.4.2 a try

[blasco]

Unfortunately, I cannot get it to work with Angular 10 and SSR, I get a TypeError: app.firestore is not a function error

[blasco]

@conde2 Version 6.0.0 is also not firing any events

[grenmath]

Unfortunately, I cannot get it to work with Angular 10 and SSR, I get a TypeError: app.firestore is not a function error

Yeah i dont do SSR, just SPA with Angular 9. Without SSR , you can ?

[blasco]

Without SSR it seems to be working fine, unfortunately I needed SSR. Thank you anyway for sharing

[blasco]

With version 6.0.0 I can confirm same behavior. It works, but not with SSR. No errors, just not firing the events. Any idea or suggestion on how to approach this issue?

[grenmath]

Well i think , you must downgrade Angular 8 or 9. If you really need SSR sorry i cant help you maybe Someday ill do SSR with Angular Universal. Beware 6.0 vers 5.4 dont use same kind AngularFirestore by injection in constructor(...) When i downgrade to 5.4 imust change every firestore instance in code! Dont have same signature

[Splaktar]

As mentioned in https://github.com/angular/angularfire/issues/2505, 6.0.3-canary.77a9a15 includes the fix for this and should be published to 6.0.3 soon. Unfortunately, it doesn't appear to fix Performance Monitoring.

[jamesdaniels]

Fixed in 6.0.3.

[ericgopak]

Thanks! Indeed, version 6.0.3 works for me

Edit: this works for me on Android with Capacitor, but doesn't work on iOS, because Capacitor on iOS uses a custom scheme capacitor:// but Firebase Analytics requires either http: or https:. See the referenced issue below for more details.