angular / angularfire

Angular + Firebase = ❤️
https://firebaseopensource.com/projects/angular/angularfire2
MIT License
7.7k stars 2.19k forks source link

bug when using ng add #3457

Open FathiGuemri opened 1 year ago

FathiGuemri commented 1 year ago

Version info

Angular: 16.0.0

AngularFire: 16.0.0

ionic: 7.5.0

The problem is that all imports are on a single line without a comma, and the options must be in a file enviroment.ts

importProvidersFrom(provideFirebaseApp(() => initializeApp({ "projectId": "products-management-24d37", "appId": "1:297477400518:web:2e921bbcd4faaee5edf4c7", "storageBucket": "products-management-24d37.appspot.com", "apiKey": "AIzaSyBq8PkHk8YahCbve3DiOtXFDmhhabrzTy4", "authDomain": "products-management-24d37.firebaseapp.com", "messagingSenderId": "297477400518", "measurementId": "G-151GNJXTSH" })))importProvidersFrom(provideAuth(() => getAuth()))importProvidersFrom(provideFirestore(() => getFirestore()))importProvidersFrom(provideStorage(() => getStorage())),

google-oss-bot commented 1 year ago

This issue does not seem to follow the issue template. Make sure you provide all the required information.

jakehockey10 commented 1 year ago

Check the ng command, it has a generator for the environment files.

This is one approach I took to getting the ng add command to work: https://medium.com/p/5383aeb2a2ce