Angularjs2 +电子+ Angularfire2

Question

我正在尝试使用AngularJS2 + Eletron实现桌面应用程序的Firebase访问。我从https://github.com/DenisVuyka/ng2-electron下载了“电子+https://github.com/DenisVuyka/ng2-electron”的例子，它工作得很好。

但是在我添加Angularfire2组件之后，AngularJS就开始失败了。基本上，在下载NG2-电子源之后，我执行了以下步骤：

1.安装组件：

安装angularfire2防火墙--保存

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错误加载”

​

​

有人知道怎么解决吗？

谢谢

Answer 1

使用@5 minutes2start建议，我可以修复我的代码。

因此，这些更改是在文件systemjs.config.js上进行的。

我在地图上加上了这两行：

‘angularfire2 2’：‘npm:angularfire2 2’，'firebase'：'npm:firebase'，

并将这些添加到包中：

angularfire2：{ main：‘./bundle/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修复它

在angularfire2.umd.js上的"var _a = firebase.auth;“之前添加"firebase = firebase.firebase;”

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

Answer 2

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

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