Angularjs2 + Electron + Angularfire2

我试图从使用AngularJS2 + Eletron的桌面应用程序实现Firebase访问。我已经从https://github.com/DenisVuyka/ng2-electron下载了示例“Electron + AngularJS2”，它工作得很好。Angularjs2 + Electron + Angularfire2

但是在我添加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”的

有谁知道如何解决呢？

感谢

来源

2017-01-28 rickdroio

使用@ 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;

来源

2017-01-28 20:15:57 rickdroio

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

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

来源

2017-01-28 18:39:33 5minutes2start

感谢@ 5minutes2start！使用你的提示我可以修复我的代码。我将分享下面的全部变化。 – rickdroio

Angularjs2 + Electron + Angularfire2

回答

相关问题