Angularjs2 + 电子 + Angularfire2

Question

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

但是在我添加 Angularfire2 组件后，AngularJS 开始失败。基本上我只是在下载 ng2-electron 源后执行了以下步骤：

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 { }

这些更改后出现以下错误： "Failed to load resource: net::ERR_FILE_NOT_FOUND"、"Error: (SystemJS) XHR error loading"

有谁知道怎么解决的吗？

谢谢

Answer 1

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

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

Answer 2

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

这些更改后出现另一个错误："Cannot read property 'FacebookAuthProvider' of undefined"，我可以使用此处讨论的解决方案修复它：https://github.com/angular/angularfire2/issues/576

在 angularfire2.umd.js

的 "var _a = firebase.auth;" 之前添加 "firebase = firebase.firebase;"

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

Angularjs2 + 电子 + Angularfire2

Angularjs2 + Electron + Angularfire2

electron

angularfire2

angular