angular / angular/angularfire

AngularFire 17.0.0 throwing errors with Angular 17.0.0

Open
#3,493 4 comments 1 reaction 0 assignees View on GitHub
comp: firestore needs: more info type: bug version: current (v17+)
Dominant language
TypeScript
Stars
7.8k
Forks
2.2k
Avg merge
22h 28m
Merged PRs (30d)
6

Description

I have recently upgraded to the newest angularfire 17.0.0 and am having trouble getting some fairly straight forward things working. Filled out the template below. Thanks for your help.

### Version info

**Angular:** 17.0.0

**Firebase:** 10.7.1

**AngularFire:** 17.0.0

**Steps to set up and reproduce**

**Sample data and security rules**

### Debug output

** Errors in the JavaScript console **

`Internal server error: R3InjectorError(Standalone[_AppComponent])[_ShareableService -> _ShareableService -> Firestore2 -> Firestore2]:
NullInjectorError: No provider for Firestore2!
at NullInjector.get (c:/Users/ecanc/OneDrive/Documents/CaloKiwi/public/card/node_modules/@angular/core/fesm2022/core.mjs:5467:21)
at R3Injector.get (c:/Users/ecanc/OneDrive/Documents/CaloKiwi/public/card/node_modules/@angular/core/fesm2022/core.mjs:5918:27)
at R3Injector.get (c:/Users/ecanc/OneDrive/Documents/CaloKiwi/public/card/node_modules/@angular/core/fesm2022/core.mjs:5918:27)
at injectInjectorOnly (c:/Users/ecanc/OneDrive/Documents/CaloKiwi/public/card/node_modules/@angular/core/fesm2022/core.mjs:910:36)
at Module.ɵɵinject (c:/Users/ecanc/OneDrive/Documents/CaloKiwi/public/card/node_modules/@angular/core/fesm2022/core.mjs:916:40)
at Object.ShareableService_Factory (c:/Users/ecanc/OneDrive/Documents/CaloKiwi/public/card/src/app/shareable.service.ts:7:30)
at eval (c:/Users/ecanc/OneDrive/Documents/CaloKiwi/public/card/node_modules/@angular/core/fesm2022/core.mjs:6030:33)
at runInInjectorProfilerContext (c:/Users/ecanc/OneDrive/Documents/CaloKiwi/public/card/node_modules/@angular/core/fesm2022/core.mjs:871:5)
at R3Injector.hydrate (c:/Users/ecanc/OneDrive/Documents/CaloKiwi/public/card/node_modules/@angular/core/fesm2022/core.mjs:6029:9)
at R3Injector.get (c:/Users/ecanc/OneDrive/Documents/CaloKiwi/public/card/node_modules/@angular/core/fesm2022/core.mjs:5909:23) (x2)
`

** Screenshots **

[Error](https://snipboard.io/wKpF23.jpg)
[Injection](https://snipboard.io/dHOni7.jpg)

### Expected behavior

Compiling and injecting correctly

### Actual behavior

Getting error when injecting

Contributor guide

Open the contributing guide

Research direction

Reproduce with Angular 17.0.0, Firebase 10.7.1, and AngularFire 17.0.0, then start at the injection site in src/app/shareable.service.ts and review the AngularFire Developer Guide linked in the report. Done means identifying why Firestore2 has no provider and confirming that the application compiles and injects the service without the reported NullInjectorError.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
database, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.