Angular4網站不起作用

Question

我剛剛將我的網站從angular2更改爲angular4。當一個服務器發揮作用時，它的工作完美無瑕，它只會警告我應該是ng-template的折舊模板，但是我使用ng-bootstrap並且在將模板標籤更改爲ng-template時停止工作。

但很好，我做了建立，它也沒有錯誤地完美無瑕。但它仍然沒有顯示我的網站了，我得到這個錯誤：

Uncaught InvalidProviderError {_nativeError: Error: Invalid provider - only instances of Provider and Type are allowed, got: undefined 
    at Inv…}message: (...)name: (...)stack: (...)_nativeError: Error: Invalid provider - only instances of Provider and Type are allowed, got: undefined 
    at InvalidProviderError.BaseError [as constructor] (http://beterfysiek.nl/vendor.bundle.js:7029:27) [<root>] 
    at new InvalidProviderError (http://beterfysiek.nl/vendor.bundle.js:59093:16) [<root>] 
    at http://beterfysiek.nl/vendor.bundle.js:42468:19 [<root>] 
    at Array.forEach (native) [<root>] 
    at _normalizeProviders (http://beterfysiek.nl/vendor.bundle.js:42457:15) [<root>] 
    at http://beterfysiek.nl/vendor.bundle.js:42465:13 [<root>] 
    at Array.forEach (native) [<root>] 
    at _normalizeProviders (http://beterfysiek.nl/vendor.bundle.js:42457:15) [<root>] 
    at resolveReflectiveProviders (http://beterfysiek.nl/vendor.bundle.js:42408:39) [<root>] 
    at Function.ReflectiveInjector.resolve (http://beterfysiek.nl/vendor.bundle.js:82535:127) [<root>] 
    at Function.ReflectiveInjector.resolveAndCreate (http://beterfysiek.nl/vendor.bundle.js:82566:79) [<root>] 
    at JitCompilerFactory.createCompiler (http://beterfysiek.nl/vendor.bundle.js:76275:107) [<root>] 
    at PlatformRef_._bootstrapModuleWithZone (http://beterfysiek.nl/vendor.bundle.js:40647:57) [<root>] 
    at PlatformRef_.bootstrapModule (http://beterfysiek.nl/vendor.bundle.js:40634:21) [<root>]originalStack: "Error: Invalid provider - only instances of Provider and Type are allowed, got: undefined↵ at ZoneAwareError (http://beterfysiek.nl/vendor.bundle.js:107261:33)↵ at InvalidProviderError.BaseError [as constructor] (http://beterfysiek.nl/vendor.bundle.js:7029:27)↵ at new InvalidProviderError (http://beterfysiek.nl/vendor.bundle.js:59093:16)↵ at http://beterfysiek.nl/vendor.bundle.js:42468:19↵ at Array.forEach (native)↵ at _normalizeProviders (http://beterfysiek.nl/vendor.bundle.js:42457:15)↵ at http://beterfysiek.nl/vendor.bundle.js:42465:13↵ at Array.forEach (native)↵ at _normalizeProviders (http://beterfysiek.nl/vendor.bundle.js:42457:15)↵ at resolveReflectiveProviders (http://beterfysiek.nl/vendor.bundle.js:42408:39)↵ at Function.ReflectiveInjector.resolve (http://beterfysiek.nl/vendor.bundle.js:82535:127)↵ at Function.ReflectiveInjector.resolveAndCreate (http://beterfysiek.nl/vendor.bundle.js:82566:79)↵ at JitCompilerFactory.createCompiler (http://beterfysiek.nl/vendor.bundle.js:76275:107)↵ at PlatformRef_._bootstrapModuleWithZone (http://beterfysiek.nl/vendor.bundle.js:40647:57)↵ at PlatformRef_.bootstrapModule (http://beterfysiek.nl/vendor.bundle.js:40634:21)"zoneAwareStack: "Error: Invalid provider - only instances of Provider and Type are allowed, got: undefined↵ at InvalidProviderError.BaseError [as constructor] (http://beterfysiek.nl/vendor.bundle.js:7029:27) [<root>]↵ at new InvalidProviderError (http://beterfysiek.nl/vendor.bundle.js:59093:16) [<root>]↵ at http://beterfysiek.nl/vendor.bundle.js:42468:19 [<root>]↵ at Array.forEach (native) [<root>]↵ at _normalizeProviders (http://beterfysiek.nl/vendor.bundle.js:42457:15) [<root>]↵ at http://beterfysiek.nl/vendor.bundle.js:42465:13 [<root>]↵ at Array.forEach (native) [<root>]↵ at _normalizeProviders (http://beterfysiek.nl/vendor.bundle.js:42457:15) [<root>]↵ at resolveReflectiveProviders (http://beterfysiek.nl/vendor.bundle.js:42408:39) [<root>]↵ at Function.ReflectiveInjector.resolve (http://beterfysiek.nl/vendor.bundle.js:82535:127) [<root>]↵ at Function.ReflectiveInjector.resolveAndCreate (http://beterfysiek.nl/vendor.bundle.js:82566:79) [<root>]↵ at JitCompilerFactory.createCompiler (http://beterfysiek.nl/vendor.bundle.js:76275:107) [<root>]↵ at PlatformRef_._bootstrapModuleWithZone (http://beterfysiek.nl/vendor.bundle.js:40647:57) [<root>]↵ at PlatformRef_.bootstrapModule (http://beterfysiek.nl/vendor.bundle.js:40634:21) [<root>]"message: "Invalid provider - only instances of Provider and Type are allowed, got: undefined"stack: "Error: Invalid provider - only instances of Provider and Type are allowed, got: undefined↵ at InvalidProviderError.BaseError [as constructor] (http://beterfysiek.nl/vendor.bundle.js:7029:27) [<root>]↵ at new InvalidProviderError (http://beterfysiek.nl/vendor.bundle.js:59093:16) [<root>]↵ at http://beterfysiek.nl/vendor.bundle.js:42468:19 [<root>]↵ at Array.forEach (native) [<root>]↵ at _normalizeProviders (http://beterfysiek.nl/vendor.bundle.js:42457:15) [<root>]↵ at http://beterfysiek.nl/vendor.bundle.js:42465:13 [<root>]↵ at Array.forEach (native) [<root>]↵ at _normalizeProviders (http://beterfysiek.nl/vendor.bundle.js:42457:15) [<root>]↵ at resolveReflectiveProviders (http://beterfysiek.nl/vendor.bundle.js:42408:39) [<root>]↵ at Function.ReflectiveInjector.resolve (http://beterfysiek.nl/vendor.bundle.js:82535:127) [<root>]↵ at Function.ReflectiveInjector.resolveAndCreate (http://beterfysiek.nl/vendor.bundle.js:82566:79) [<root>]↵ at JitCompilerFactory.createCompiler (http://beterfysiek.nl/vendor.bundle.js:76275:107) [<root>]↵ at PlatformRef_._bootstrapModuleWithZone (http://beterfysiek.nl/vendor.bundle.js:40647:57) [<root>]↵ at PlatformRef_.bootstrapModule (http://beterfysiek.nl/vendor.bundle.js:40634:21) [<root>]"__proto__: Object__proto__: BaseError 
(anonymous) @ vendor.bundle.js:42468 
_normalizeProviders @ vendor.bundle.js:42457 
(anonymous) @ vendor.bundle.js:42465 
_normalizeProviders @ vendor.bundle.js:42457 
resolveReflectiveProviders @ vendor.bundle.js:42408 
ReflectiveInjector.resolve @ vendor.bundle.js:82535 
ReflectiveInjector.resolveAndCreate @ vendor.bundle.js:82566 
JitCompilerFactory.createCompiler @ vendor.bundle.js:76275 
PlatformRef_._bootstrapModuleWithZone @ vendor.bundle.js:40647 
PlatformRef_.bootstrapModule @ vendor.bundle.js:40634 
516 @ main.bundle.js:2053 
__webpack_require__ @ inline.bundle.js:53 
1118 @ main.bundle.js:6 
__webpack_require__ @ inline.bundle.js:53 
webpackJsonpCallback @ inline.bundle.js:24 
(anonymous) @ main.bundle.js:1 

我app.module

import { NgModule } from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { AppComponent } from './app.component'; 
import { routing } from "./app.routing"; 
import { HashLocationStrategy, LocationStrategy } from '@angular/common'; 
import { IntakeFormulierModule } from './intake-formulier/intake-formulier.module'; 
import { HomeModule } from './home/home.module'; 
import { AngularFireModule, AuthProviders, AuthMethods } from 'angularfire2'; 
import { firebaseConfig } from '../environments/firebase.config'; 
import { CookiesComponent } from './cookies/cookies.component'; 

const myFirebaseAuthConfig = { 
    provider: AuthProviders.Password, 
    method: AuthMethods.Password 
}; 

@NgModule({ 
    declarations: [ 
    AppComponent, 
    CookiesComponent, 
    ], 
    imports: [ 
    routing, 
    HomeModule, 
    IntakeFormulierModule, 
    AngularFireModule.initializeApp(firebaseConfig, myFirebaseAuthConfig), 
    BrowserModule 
    ], 
    providers: [{provide: LocationStrategy, useClass: HashLocationStrategy}], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { } 

Answer 1

我用它給我的錯誤，NG編譯沒有NG構建--aot。

我有一個字體awwsome的問題，因爲它仍然是版本0.8.0，它必須是0.9.0。我在我的package.json文件中更新了它，並且我又重新聯機了！