mgechev / angular-seed

🌱 [Deprecated] Extensible, reliable, modular, PWA ready starter project for Angular (2 and beyond) with statically typed build and AoT compilation
https://mgechev.github.io/angular-seed
MIT License
4.57k stars 1.45k forks source link

Wiki update for latest Firebase and AngularFire2 #2108

Open ravivit9 opened 7 years ago

ravivit9 commented 7 years ago

I'm submitting a ... (check one with "x")

[ ] bug report => search github for a similar issue or PR before submitting
[ x] feature request
[ ] support request => Please do not submit support request here, instead see use [gitter](https://gitter.im/mgechev/angular2-seed) or [stackoverflow](https://stackoverflow.com/questions/tagged/angular2)

Current behavior With latest firebase and angularfire2 not working.

screen shot 2017-10-24 at 16 32 09

Expected behavior With latest firebase and angularfire2 seed must be working after including the 3rd party libraries as per wiki guidelines.

Minimal reproduction of the problem with instructions

Download NPM Modules

"angularfire2": "^5.0.0-rc.3",

"firebase": "^4.6.0"

In project.config.ts

// Add packages (e.g. ng2-translate) let additionalPackages: ExtendPackages[] = [ { name: 'firebase', path: 'node_modules/firebase/', packageMeta: { main: 'app.js', defaultExtension: 'js' } }, { name: 'angularfire2', path: 'node_modules/angularfire2/', packageMeta: { main: 'angularfire2.js', defaultExtension: 'js' } } ]; // this.addPackagesBundles(additionalPackages);

In app.module.ts

import { AngularFireModule } from 'angularfire2'; const FIREBASE_APP_CONFIG = { apiKey: '', authDomain: '', databaseURL: '', projectId: '', storageBucket: '', messagingSenderId: '' };

@NgModule({ imports: [BrowserModule, HttpModule, AppRoutingModule, AboutModule, HomeModule, SharedModule.forRoot(), AngularFireModule.initializeApp(FIREBASE_APP_CONFIG) ],

What is the motivation / use case for changing the behavior? To use latest version of firebase and angularfire2

Please tell us about your environment: Mac, npm,

ravivit9 commented 6 years ago

Hi, Just wanted to touch base with regards to this ticket, will there an road map to support angularfire2 / firestore within the seed. Appreciate all the hard work done by the seed contributors.

mgechev commented 6 years ago

Hey @ravivit9, the seed supports AngularFire2, it's only a matter of configuration. Since there are issues with higher priority (migration to Angular version 5 and support of ngc's watch mode), I'd recommend you to take a look at SystemJS' docs.

ravivit9 commented 6 years ago

@mgechev, I understand the you guys are busy in stepping up the seed to next level.

Yes I agree it's a matter of configuration but that is core to our angular-seed and we if load the firebase and angularfire2 libraries in proj.config.js as above described it doesn't work. This is how I use to load the previous versions and other external dependencies like material design2 version.

So for time being do I need to use systemjs to load the external dependencies until a fix or wiki update can be made?

Thanks.

kelyane commented 6 years ago

I am still getting the same problem. any solution?

ravivit9 commented 6 years ago

I just pulled recent update of the seed after few months but I am still having an issue in including firebase, meanwhile I am progressing in my original repo of my project. Hopefully the seed will allow us to configure firebase and material design from project.config.js.

I tried using SystemJS route but that didn't worked out too.