Angularjs2 + 电子 + Angularfire2答案

【问题标题】：Angularjs2 + Electron + Angularfire2Angularjs2 + 电子 + Angularfire2
【发布时间】：2017-01-29 04:15:57
【问题描述】：

我正在尝试使用 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 { }

这些更改后出现以下错误： "加载资源失败：net::ERR_FILE_NOT_FOUND"、"错误：(SystemJS) XHR 错误加载"

有人知道怎么解决吗？

谢谢

【问题讨论】：

标签： angular electron angularfire2

【解决方案1】：

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

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

【讨论】：

谢谢@5minutes2start！使用您的提示，我可以修复我的代码。我将在下面分享整个更改。

【解决方案2】：

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

因此，对文件 systemjs.config.js

进行了更改

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

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

并将这些添加到包中：

角火2：{ 主要：'./bundles/angularFire2.umd.js', 默认扩展：'js' }, 火力基地：{ 主要：'./firebase.js', 默认扩展：'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.firebase;”在“var _a = firebase.auth;”之前关于 angularfire2.umd.js

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

【讨论】：