mgechev / mgechev/angular-seed

Wiki update for latest Firebase and AngularFire2

Open
#2,108 5 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
4.5k
Forks
1.4k
PR merge metrics
No merged PRs in 30d

Description

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

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the wiki guidance and compare it with the Firebase and AngularFire2 versions listed in the issue. Review project.config.ts and app.module.ts, then verify whether the documented setup works with those dependencies in the Angular seed. Done means the wiki instructions and any required configuration are consistent and the seed starts successfully.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, firebase, typescript
Domain
build-system, documentation
Issue type
Documentation
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.