배포 후 각도 4 앱이 작동하지 않습니다.

Question

로컬 컴퓨터에서 서비스 할 때 잘 작동하는 각도 앱을 만들고 있습니다. 하지만 firebase에 앱을 배포하면 오류가 발생합니다.

Unhandled Promise rejection: No provider for e! ; Zone: angular ; Task: Promise.then ; Value: Error: No provider for e! 
at k (vendor.e0a9c104ecc1b06ef61f.bundle.js:1) 
at E (vendor.e0a9c104ecc1b06ef61f.bundle.js:1) 
at t._throwOrNull (vendor.e0a9c104ecc1b06ef61f.bundle.js:1) 
at t._getByKeyDefault (vendor.e0a9c104ecc1b06ef61f.bundle.js:1) 
at t._getByKey (vendor.e0a9c104ecc1b06ef61f.bundle.js:1) 
at t.get (vendor.e0a9c104ecc1b06ef61f.bundle.js:1) 
at qe (vendor.e0a9c104ecc1b06ef61f.bundle.js:1) 
at t.get (vendor.e0a9c104ecc1b06ef61f.bundle.js:1) 
at Sn (vendor.e0a9c104ecc1b06ef61f.bundle.js:1) 
at kn (vendor.e0a9c104ecc1b06ef61f.bundle.js:1) Error: No provider for e! 
at k (https://lottery-management-system.firebaseapp.com/vendor.e0a9c104ecc1b06ef61f.bundle.js:1:4823) 
at E (https://lottery-management-system.firebaseapp.com/vendor.e0a9c104ecc1b06ef61f.bundle.js:1:5050) 
at t._throwOrNull (https://lottery-management-system.firebaseapp.com/vendor.e0a9c104ecc1b06ef61f.bundle.js:1:72085) 
at t._getByKeyDefault (https://lottery-management-system.firebaseapp.com/vendor.e0a9c104ecc1b06ef61f.bundle.js:1:72418) 
at t._getByKey (https://lottery-management-system.firebaseapp.com/vendor.e0a9c104ecc1b06ef61f.bundle.js:1:71803) 
at t.get (https://lottery-management-system.firebaseapp.com/vendor.e0a9c104ecc1b06ef61f.bundle.js:1:70211) 
at qe (https://lottery-management-system.firebaseapp.com/vendor.e0a9c104ecc1b06ef61f.bundle.js:1:22155) 
at t.get (https://lottery-management-system.firebaseapp.com/vendor.e0a9c104ecc1b06ef61f.bundle.js:1:120927) 
at Sn (https://lottery-management-system.firebaseapp.com/vendor.e0a9c104ecc1b06ef61f.bundle.js:1:28914) 
at kn (https://lottery-management-system.firebaseapp.com/vendor.e0a9c104ecc1b06ef61f.bundle.js:1:27420) 

나는 앱을 거쳐 만들어지고있는 모든 약속을 찾은 다음 댓글을 달았지만 여전히 오류가 발생합니다.

코드의 축소로 인해 진행 상황을 추적하기가 어렵습니다. 코드를 축소했을 때 오류를 디버그하는 더 쉬운 방법이 있습니까? 또한이 오류의 원인은 무엇입니까?

도움 주셔서 감사합니다.

app.module.ts

import { BrowserModule } from '@angular/platform-browser'; 
import { NgModule } from '@angular/core'; 
import { FormsModule, ReactiveFormsModule } from '@angular/forms'; 
import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http'; 
import { HttpModule } from '@angular/http'; 

import { AppComponent } from './app.component'; 
import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; 
import { MdButtonModule, MdCardModule, MdMenuModule, MdToolbarModule, 
      MdTabsModule, MdIconModule, MdSidenavModule, 
      MdInputModule, MdCheckboxModule, MdTooltipModule, MdGridListModule } from '@angular/material'; 
import { AboutComponent } from './about/about.component'; 
import { HeaderComponent } from './header/header.component'; 
import { routes } from './app.routes'; 
import { SettingsComponent } from './settings/settings.component'; 
import { BookComponent } from './book/book.component'; 
import { ShiftComponent } from './shift/shift.component'; 
import { ScanComponent } from './scan/scan.component'; 
import { Settings } from './settings/settings'; 
import { SettingsService } from './services/settings.service'; 
import { Book } from './book/book'; 
import { BookService } from './services/book.service'; 
import { ShiftService } from './services/shift.service'; 
import { Shift } from './shift/shift'; 
import { ScanService } from './services/scan.service'; 
import { ScanTicket } from './scan/scan-ticket'; 
import { AuthService } from './services/auth.service'; 
import { LoginComponent } from './login/login.component'; 
import { User } from './user/user'; 
import { AuthGuard } from './guards/auth.guard'; 
import { AuthRequestOptions } from './guards/auth-request'; 
import { RequestOptions } from '@angular/http'; 
import { AuthErrorHandler } from './guards/auth-error-handler'; 
import { ErrorHandler } from '@angular/core'; 
import { HomeComponent } from './home/home.component'; 
import { AuthInterceptor } from './guards/auth.interceptor'; 


@NgModule({ 
    declarations: [ 
    AppComponent, 
    AboutComponent, 
    HeaderComponent, 
    SettingsComponent, 
    BookComponent, 
    ShiftComponent, 
    ScanComponent, 
    LoginComponent, 
    HomeComponent 
    ], 
    imports: [ 
    BrowserModule, 
    BrowserAnimationsModule, 
    HttpModule, 
    HttpClientModule, 
    FormsModule, 
    ReactiveFormsModule, 
    MdButtonModule, 
    MdCardModule, 
    MdMenuModule, 
    MdToolbarModule, 
    MdIconModule, 
    MdSidenavModule, 
    MdTabsModule, 
    MdInputModule, 
    MdCheckboxModule, 
    MdTooltipModule, 
    MdGridListModule, 
    routes 
    ], 
    providers: [User, AuthGuard, AuthService, Settings, SettingsService, BookService, Book, ShiftService, Shift, ScanService, ScanTicket, 
    // { 
    // provide: RequestOptions, 
    // useClass: AuthRequestOptions 
    // }, 
    { 
     provide: ErrorHandler, 
     useClass: AuthErrorHandler 
    }, 
    { 
     provide: HTTP_INTERCEPTORS, 
     useClass: AuthInterceptor, 
     multi: true 
    }], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { } 

Answer 1

위의 문제는 그 문제를 지적하기위한 각도 4.4.3 감사에 의해 @yurzui의 원인이되고 있었다. 이 문제는 Zone.js 파일과 관련이 있습니다. 나는이가 node_modules` '의 일부 잘못된 구성과 관련이 각도 5.0.0