Ionic2 + Firebase appコンパイルエラー：TypeScriptエラー：エラーTS2503：名前空間 'firebase'が見つかりません

Question

私は初めてIonic2を使用し、Firebaseを初めて使用しています。上記の2を使用して、サンプルのログインアプリをしようとしているときに、私は

活字エラーとしてコンパイルエラーを得た：

TypeScript error: /ionic/devdactic-firebase22/node_modules/angularfire2/database/database.d.ts(9,29): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /ionic/devdactic-firebase22/node_modules/angularfire2/database/database.d.ts(10,31): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /ionic/devdactic-firebase22/node_modules/angularfire2/providers/auth.d.ts(15,40): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /ionic/devdactic-firebase22/node_modules/angularfire2/providers/auth.d.ts(16,52): Error TS2503: Cannot find namespace 'firebase'. TypeScript error:/ionic/devdactic-firebase22/node_modules/angularfire2/providers/auth.d.ts(16,92): Error TS2503: Cannot find namespace 'firebase'.

私はAngularFireのためのインストールガイドと一緒に試してみました：https://github.com/angular/angularfire2/blob/master/docs/1-install-and-setup.md。

import * as firebase from 'firebase';

はまだ任意の解決策を見つけることができなかったとして

はまた、私app.tsでfirebaseをインポートしようとしました。どのような理由があり、どのように私はそれを解決することができますか？

私はangularfire2@^2.0.0-beta2 とfirebase@^2.4.2を使用しています。

app.ts

import {Component} from '@angular/core'; 
import {Platform, ionicBootstrap} from 'ionic-angular'; 
import {StatusBar} from 'ionic-native'; 
import {LoginPage} from './pages/login/login'; 
import * as firebase from 'firebase'; 

import {FIREBASE_PROVIDERS, 
    defaultFirebase, 
    AngularFire, 
    AuthMethods, 
    AuthProviders, 
    firebaseAuthConfig} from 'angularfire2'; 


@Component({ 
    template: '<ion-nav [root]="rootPage"></ion-nav>', 
    providers: [ 
     FIREBASE_PROVIDERS, 
     // defaultFirebase('https://loginapp-a08a6.firebaseio.com/'), 
     firebaseAuthConfig({ 
      provider: AuthProviders.Password, 
      method: AuthMethods.Password 
     }) 
    ] 
}) 
export class MyApp { 
    rootPage: any = LoginPage; 

    constructor(platform: Platform) { 
    platform.ready().then(() => { 
     StatusBar.styleDefault(); 
    }); 
    var config = { 
     apiKey: "AIzaSyBU2Vqq7AjN4rlMWjyKBbXo2RVJXAR4TeM", 
     authDomain: "loginapp-a08a6.firebaseapp.com", 
     databaseURL: "https://loginapp-a08a6.firebaseio.com", 
     storageBucket: "loginapp-a08a6.appspot.com", 
     }; 
     firebase.initializeApp(config); 
    } 
} 

ionicBootstrap(MyApp); 

login.ts：

import {Component} from '@angular/core'; 
import {NavController, AlertController, LoadingController} from 'ionic-angular'; 
import {FirebaseAuth} from 'angularfire2'; 
import {HomePage} from '../home/home'; 

@Component({ 
    templateUrl: 'build/pages/login/login.html', 
}) 
export class LoginPage { 
    // public loading: Loading; 

    constructor(public nav: NavController, 
    public auth: FirebaseAuth, 
    private alertCtrl:AlertController, 
    private loadingCtrl:LoadingController) {} 

    public registerUser(credentials) { 
    this.showLoading() 
    this.auth.createUser(credentials).then((authData) => { 
     let prompt = this.alertCtrl.create({ 
     title: 'Success', 
     subTitle: 'Your new Account was created!', 
     buttons: ['OK'] 
     }); 
     prompt.present(); 
    }).catch((error) => { 
     this.showError(error); 
    }); 
    } 

    public login(credentials) { 
    this.showLoading() 

    this.auth.login(credentials).then((authData) => { 
     this.nav.setRoot(HomePage); 
    }).catch((error) => { 
     this.showError(error); 
    }); 
    } 

    showLoading() { 
    var loader = this.loadingCtrl.create({ 
     content: 'Please wait...', 
     duration:3000 
    }); 
    loader.present(); 
    } 

    showError(text) { 
    let alert = this.alertCtrl.create({ 
     title: 'Fail', 
     subTitle: text, 
     buttons: ['OK'] 
    }); 
    alert.present(); 
    } 
} 

Answer 1

この種の問題のために働くの回答の変化セットがあります。私のために働いたのは：

anglefire2ノードパッケージに含まれているFirebase 3タイピングファイルをtypings.jsonで直接参照しています。 ラン：タイピングのV.1が必要です+

typings install

これが置かれます：

• typings install file:node_modules/angularfire2/firebase3.d.ts --save --global
  • これはtypings.json
  • NOTEへの参照を保存しますの入力ファイル0ディレクトリ。他のソリューションについては

    、のTSconfig下compilerSettingsでGitHubのhttps://github.com/angular/angularfire2/issues/234

Answer 2

でこの問題をチェックし、プロパティを追加し、 "タイプ" とタイプとして "firebase" を指定：

{ 
    "compilerOptions": { 
    "allowSyntheticDefaultImports": true, 
    "declaration": true, 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "lib": [ 
     "dom", 
     "es2015" 
    ], 
    "module": "es2015", 
    "moduleResolution": "node", 
    "target": "es5", 
    "types": [ 
     "firebase" 
    ] 
    }, 
    "exclude": [ 
    "node_modules" 
    ], 
    "compileOnSave": false, 
    "atom": { 
    "rewriteTsconfig": false 
    } 
}