部署后的角度4应用程序不起作用

我正在构建一个角度的应用程序，当我在本地机器上执行服务时，它可以正常工作。但在Firebase上部署应用程序后，它会导致错误。部署后的角度4应用程序不起作用

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

来源

2017-11-03 Saurin

这是关系到node_modules'的'在一些错误的配置生产模式。任何错误，而AOT构建？ – Aravind

编译时没有错误。当我服务时，该应用在本地计算机上工作正常。 – Saurin

如果您在本地计算机上执行'ng serve --prod'，您是否看到相同的错误？此外，您仍然可以生成地图文件，并使用构建中的命令行开关查看未分析的代码。 – DeborahK

上述问题正在角4.4.3感谢所致@yurzui指出这问题了。该问题与文件Zone.js有关。我能明白这一点通过构建感谢unabling的--sourcemaps true到@DeborahK

问题走的方式后，我升级到5.0.0角

来源

2017-11-06 17:20:21 Saurin

部署后的角度4应用程序不起作用

回答

相关问题