angular-seed icon indicating copy to clipboard operation
angular-seed copied to clipboard

Wiki update for latest Firebase and AngularFire2

Open ravivit9 opened this issue 8 years ago • 5 comments

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,

  • Angular Seed Version: ab4a987 ab4a987

  • Node: node --version = 5.4.2

ravivit9 avatar Oct 20 '17 21:10 ravivit9

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.

ravivit9 avatar Nov 12 '17 22:11 ravivit9

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.

mgechev avatar Nov 12 '17 23:11 mgechev

@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.

ravivit9 avatar Nov 13 '17 09:11 ravivit9

I am still getting the same problem. any solution?

kelyane avatar Jan 13 '18 11:01 kelyane

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.

ravivit9 avatar Jan 21 '18 21:01 ravivit9