Angular 应用程序无法加载 - 浏览器上没有错误

Ara*_*ind 6 github node.js npm firebase angular

我创建了一个简单的角度应用程序。Webpack编译成功。localhost:4200 打开了我的应用程序。凉爽的。

为了将其托管在 firebase 上,我尝试安装 firebase@4.2.0 和 angularfire2@4.0.0-rc.1 但由于我位于组织防火墙后面,因此出现自签名证书错误。

此后,我的应用程序停止工作,并且我在浏览器上也没有看到任何错误。它只是不加载。我该如何调试这个?不仅仅是这个应用程序,我的其他角度应用程序也停止工作。我什至尝试创建一个新的应用程序,但它也无法加载。当我运行 ngserve 命令时,所有这些都编译成功。

我的 main.ts 文件:

import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app/app.module';
import { environment } from './environments/environment';

if (environment.production) {
  enableProdMode();
}

platformBrowserDynamic().bootstrapModule(AppModule);
Run Code Online (Sandbox Code Playgroud)

我的index.html:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>SampleApp</title>
  <base href="/">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
  <app-root></app-root>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

应用程序组件:

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

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'app';
}
Run Code Online (Sandbox Code Playgroud)

我猜想某些库在尝试安装 firebase 后已损坏,需要重新安装/修复。

请建议如何找到根本原因并解决它。