Firebase 3.0 avec tapuscrit

Je suis en train de développer une application web avec angular2 et firebase 3.0 authentification suivant les directives données par google. Cependant, tous les guides pour le web javascript exemples.

J'ai ajouté en dessous de lignes dans mon index.html

<script src="https://www.gstatic.com/firebasejs/live/3.0/firebase.js"></script>
var config = {
   apiKey: "AIzaSyCSfBMvAdEDpcm-z6gWp2XXXXXXXXXXXXX",
   authDomain: "fototrans-calculator.firebaseapp.com",
   databaseURL: "https://fototrans-calculator.firebaseio.com",
   storageBucket: "fototrans-calculator.appspot.com",
};
firebase.initializeApp(config);

Mais lorsque j'essaie d'utiliser

rootRef = firebase.database.ref();

J'obtiens une erreur sur 'firebase' dire

[ts] Cannot find name 'firebase'.

Maintenant je me souviens que j'avais installé à l'aide de firebase typings pour la version précédente de Firebase. Nous n'avons aucune une telle chose de nouveau pour la nouvelle version de Firebase? S'il vous plaît guide.

Merci d'avance

InformationsquelleAutor Mufaddal Gulshan | 2016-05-19

10

De Firebase 3.2.1, le typings sont inclus en tant que partie de l'officiel de la NGP package:

https://firebase.google.com/support/release-notes/js#wzxhzdk4version_321_-_july_26_2016wzxhzdk5
- Je vois des tonnes de fichier d'enregistrement des erreurs de compilation lors de l'inclusion de ces typings via typings install --global --save file:... et puis compiler mon projet.
- Quelqu'un sait de travail un exemple de code utilisant ces typings?
- semble que le haut-typings travaillons uniquement avec des caractères d'imprimerie 2
InformationsquelleAutor urish
4

Vous pouvez contourner ce problème en faisant declare var firebase: any;
- cela fonctionne, mais il ne bénéficie pas de la Machine à taper plus
- Je sais 🙁 La nouvelle version de AngularFire2 a manuel de Firebase 3 typings mais je n'ai pas compris comment faire leur travail: github.com/angular/angularfire2/blob/master/manual_typings/...
- Ouais, je vais avoir le même problème. Je suis en train d'utiliser firebase3 avec angularfire2 sous l'angle de la CLI de l'installation. Alors que angularfire2 typings travail eh bien, je ne peux pas obtenir le firebase3 à se faire reconnaître. Sentir comme je ai essayé toutes les combinaisons possibles.
- J'ai décidé de revenir un peu et attendre pour mûrir un peu, il y a eu beaucoup de discussions dans la question de la file d'attente et je suis sûre que ça va être travaillé bientôt!
InformationsquelleAutor Alex Weber
4

Il y a une définition de type de fichier disponible à https://github.com/suhdev/firebase-3-typescript

J'ai présenté une pull request qui, nous l'espérons résoudre le problème que vous décrivez.
- Dans votre tsconfig.fichier json inclure la ligne suivante dans votre "fichiers" tableau: "fichiers": [ "node_modules/angularfire2/firebase3.d.ts" ] Ce n'est que temporaire étape jusqu'à ce que le Firebase typings sont publiés sur npm.
- FWIW, ceux typings sauter sur tslint.
InformationsquelleAutor Rick
2

Vous pouvez utiliser le Typings fichier de définition fournie dans la AngularFire2 GitHub (situé ici):

Inclure les éléments suivants dans votre typings.json fichier:
```
{
  "ambientDependencies": {
    "firebase": "github:angular/angularfire2/manual_typings/firebase3/firebase3.d.ts#2c9ab3117eeb804e8e4996461eddcf32efa54a56"
  }
}
```
Noter que la valeur ici est tout simplement le chemin d'accès au fichier sur GitHub suivie par le commit de hachage. Le hachage dans l'exemple est master au moment de l'écriture, donc vous pouvez mettre à jour vers le dernier commit.

Ensuite, vous pouvez exécuter node_modules/.bin/typings install et Typings appliquera les dernières modifications de votre typings.json fichier.

InformationsquelleAutor Pete
0

Vous pouvez essayer d'utiliser celui-ci:
https://github.com/angular/angularfire2/tree/master/manual_typings/firebase3

Et à le faire fonctionner, vous devez l'ajouter à votre tsconfig.json:
```
"filesGlob": [
"**/*.ts",
"!node_modules/**/*",
"firebase3.d.ts"
],
```
Et copiez le fichier dans le même dossier que votre tsconfig.json.

InformationsquelleAutor Eusthace

Vous devez vous connecter pour publier un commentaire.