Angularjs2 + Electron + Angularfire2

Question

我試圖從使用AngularJS2 + Eletron的桌面應用程序實現Firebase訪問。 我已經從https://github.com/DenisVuyka/ng2-electron下載了示例「Electron + AngularJS2」，它工作得很好。

但是在我添加Angularfire2組件後，AngularJS開始失敗。 基本上我只是沒下載後的後續步驟的NG2電子源：

1.安裝的組件：

npm install angularfire2 firebase --save

2.更新我的app.module.ts：

import { NgModule }  from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 

import { AppComponent } from './app.component'; 

import { AngularFireModule } from 'angularfire2'; 


export const firebaseConfig = { 
    apiKey: "xxxxx", 
    authDomain: "xxxxxx", 
    databaseURL: "https://xxxxx", 
    storageBucket: "xxxxx", 
    messagingSenderId: "xxxxx" 
}; 


@NgModule({ 
    imports:  [ BrowserModule, AngularFireModule.initializeApp(firebaseConfig)], 
    declarations: [ AppComponent ], 
    bootstrap: [ AppComponent ] 
}) 
export class AppModule { } 

這些更改後出現跟隨錯誤： 「無法加載資源：net :: ERR_FILE_NOT_FOUND」，「錯誤：（SystemJS）XHR錯誤加載ing」的

有誰知道如何解決呢？

感謝

Answer 1

使用@ 5minutes2start建議我可以修復我的代碼。

所以，變化的文件進行systemjs.config.js

我已經添加在地圖上的這兩條線：

'angularfire2': 'npm:angularfire2', 'firebase': 'npm:firebase',

，並添加這些到包：

angularfire2: { main: './bundles/angularFire2.umd.js', defaultExtension: 'js' }, firebase: { main: './firebase.js', defaultExtension: 'js' }

我的全套systemjs.config.js：

(function (global) { 
    System.config({ 
    paths: { 
     'npm:': 'node_modules/' 
    }, 
    map: { 
     app: 'app', 
     '@angular/core': 'npm:@angular/core/bundles/core.umd.js', 
     ... 

     'angularfire2': 'npm:angularfire2', 
     'firebase': 'npm:firebase', 
    }, 
    packages: { 
     app: { 
     main: './main.js', 
     defaultExtension: 'js' 
     }, 
     rxjs: { 
     defaultExtension: 'js' 
     }, 
     angularfire2: { 
     main: './bundles/angularFire2.umd.js', 
     defaultExtension: 'js' 
     }, 
     firebase: { 
     main: './firebase.js', 
     defaultExtension: 'js' 
     }  
    } 
    }); 
})(this); 

這些改變另一個錯誤出現後：「無法讀取的未定義的屬性‘FacebookAuthProvider’」，我可以使用該解決方案在這裏討論解決它：https://github.com/angular/angularfire2/issues/576

添加「火力= firebase.firebase;」在「var _a = firebase.auth;」之前在angularfire2.umd.js

firebase = firebase.firebase; 
var _a = firebase.auth; 

Answer 2

您需要修改systemjs.config.js 添加映射新資源。

'angularfire2': 'npm:@angularfire2/bundles/angularfire2.umd.js'