Node.js Angular4不'；t装载npm安装的Firebase

我正在尝试将npm安装的Firebase与我的Angular4应用程序一起使用。我已安装了最新版本的Firebase（版本4.1.1），并检查了它是否已正确安装。我输入了以下代码：

import { Component, OnInit } from '@angular/core';

import { initializeApp, database } from 'firebase';


@Component({
  selector: 'dInstruct-app',
  styleUrls: [ './app.component.css' ],
  template: `
    <h1>{{title}}</h1>
    <nav>
      <a routerLink="/dashboard">Dashboard</a>
      <a routerLink="/calendar">Calendar</a>
      <a routerLink="/customers">Customers</a>
      <a routerLink="/accounts">Accounts</a>
    </nav>
    <router-outlet></router-outlet>`
})
export class AppComponent implements OnInit{
  title = 'dInstruct';

  config = {
    apiKey: ...
    authDomain: ...
    databaseURL: ...
    projectId: ...
    storageBucket: ...
    messagingSenderId: ...
  };

  ngOnInit(): void {
    initializeApp(this.config);
    database().ref().on('value', (snapshot: any) => console.log(snapshot.val()));
  }
}

这里发生了什么问题？

试试看

import * as firebase from 'firebase';

---

在检查Angular Glight之后，问题似乎是使用Angular Quickstart创建应用程序，而不是Angular cli。我在cli中创建了一个新的应用程序，它现在可以与Firebase的npm版本正常工作，没有错误

只是提醒一下，但我建议在任何生产应用程序中使用Angular Quickstart时都要小心，即使是小规模的应用程序

无论如何，这就是解决办法。现在，我要做的就是将所有自定义代码从旧应用程序移植到新应用程序中

或者，如果您不能或不想移动到cli生成的应用程序，也可以使用以下解决方案：

你需要告诉SystemJS在哪里可以找到firebase。例如，添加一个条目 到SystemJS配置的映射属性

---

我会试试看。。。嗯，同样的错误。不过，谢谢你给我一次机会。

import * as firebase from 'firebase';