Configurando Firebase en nuestro proyecto

Vi que muchos tienen el problema siguiendo esta leccion, lo que sucede es que se ha actualizado las librerias de firebase y el link actual del tutorial o guia recomendada para su configuracion es esta:
https://github.com/angular/angularfire2/blob/master/docs/install-and-setup.md

Espero que les resuelva los conflictos, saludos

Para optimizar la instalación por el CLI

npm install firebase @angular/fire  --save

Buenas noches. Aqui dejo una guia de como configurar el firebase actualmente ya que se ha actualizado la guia.

aca les dejo el link https://coursetro.com/posts/code/54/Angular-4-Firebase-Tutorial:-Make-a-Simple-Angular-4-App

Espero que les sirva mucho!

Este link para instegrar Angular 8 con Firebase https://www.youtube.com/watch?v=6AX-fhx59Hg

<ng generate service Service/LugaresService>

npm install firebase @angular/fire --save```

npm install angularfire2 firebase --save

Este es el package.json para que angularfire2 y firebase sean compatibles en ambos :

{
  "name": "platzisquare",
  "version": "0.0.0",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^4.0.0",
    "@angular/common": "^4.0.0",
    "@angular/compiler": "^4.0.0",
    "@angular/core": "^4.0.0",
    "@angular/fire": "^5.1.0",
    "@angular/forms": "^4.0.0",
    "@angular/http": "^4.0.0",
    "@angular/platform-browser": "^4.0.0",
    "@angular/platform-browser-dynamic": "^4.0.0",
    "@angular/router": "^4.0.0",
    "angularfire2": "^5.0.0-rc.3",
    "core-js": "^2.4.1",
    "firebase": "^4.6.0",
    "rxjs": "^5.4.1",
    "zone.js": "^0.8.14"
  },
  "devDependencies": {
    "@angular/cli": "1.2.7",
    "@angular/compiler-cli": "^4.0.0",
    "@angular/language-service": "^4.0.0",
    "@types/jasmine": "~2.5.53",
    "@types/jasminewd2": "~2.0.2",
    "@types/node": "~6.0.60",
    "codelyzer": "~3.0.1",
    "jasmine-core": "~2.6.2",
    "jasmine-spec-reporter": "~4.1.0",
    "karma": "~1.7.0",
    "karma-chrome-launcher": "~2.1.1",
    "karma-cli": "~1.0.1",
    "karma-coverage-istanbul-reporter": "^1.2.1",
    "karma-jasmine": "~1.1.0",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.1.2",
    "ts-node": "~3.0.4",
    "tslint": "~5.3.2",
    "typescript": "~2.3.3"
  }
}

Yo borre la carpeta node_modules y ejecute el comando “npm i” y listo, solucionado.

El nombre del módulo cambio a @angular/fire y si se instala junto a firebase con la versión 5.x.x, entra en conflicto firebase debido a algo llamado grpc lo solucione cambiando firebase a la versión 4.12.1 y fue la unica solución que encontré. Alguno puede sugerir una solución para usar la versión 5 en adelante sin ningún problema?

ami me servio hacer esto

npm install [email protected] [email protected] --save

para poder continuar con la clase

Hola amigos tengo demasiados problemas instalando la libreria angularfire2, estoy usando la version 7 de angular. Alguien que me pueda ayudar

Alguien me pude decir que es esto de instalar cordova y ionic? No entiendo de que se trata.

en la guia para instalar me dale el siguiente comando:
$ npm install angularfire2 firebase promise - polyfill - save

pero me da error… cuando borro las palabras “promise - polyfill” me instala pero me dice warning que algunas dependencias no fueron instaladas …

Esta bien hacer esto?

Esta es la guia que usa el profesor en la clase https://github.com/angular/angularfire2/blob/4.0.0-rc.2/docs/Auth-with-Ionic3-Angular4.md

Solución conflicto: Tuve muchos problemas con firebase2 y angularfire2. Entre ellos estaba este error principal:

ERROR in Error: Metadata version mismatch for module C:/xampp/htdocs/platzisquare/node_modules/angularfire2/index.d.ts, found version 4, expected 3, resolving symbol AppModule in C:/xampp/htdocs/platzisquare/src/app/app.module.ts, resolving symbol AppModule in C:/xampp/htdocs/platzisquare/src/app/app.module.ts, resolving symbol

Para resolver el conflicto realizar los siguientes pasos:

$ npm install node-pre-gyp -g
$ npm uninstall angularfire2
$ npm install angularfire2@5.0.0-rc.3 --save
$ ng serve

Espero que sea de ayuda.

npm install angularfire2 firebase --save