Fehler: Kein Anbieter für t

Question

Ich versuche, meinen Winkel Code in dem Produktionsmodus über ng build zu kompilieren --prod und seine erfolgreich, aber in Browser erhalte ich die Fehlermeldung:

ERROR p {__zone_symbol__error: Error: Uncaught (in promise): Error: NullInjectorError: No provider for t! 

Fehler: NullInjectorError: ..., ...}

wo wie wenn ich nur ng build laufen dann funktioniert das html gut.

Ich habe mehrere Links anprobiert git Hub erwähnt:

https://github.com/angular/angular/issues/19219 https://github.com/angular/angular-cli/issues/6851

hilft nicht viel.

Inhalt meiner Package.json Datei anhängen:

{ 
 
    "name": "xxx", 
 
    "version": "0.0.0", 
 
    "license": "MIT", 
 
    "angular-cli": {}, 
 
    "scripts": { 
 
    "ng": "ng", 
 
    "start": "ng serve", 
 
    "test": "ng test", 
 
    "pree2e": "webdriver-manager update --standalone false --gecko false", 
 
    "e2e": "protractor", 
 
    "build": "ng build && node server.js", 
 
    "dev": "ng build -w & nodemon server.js --watch dist --watch server", 
 
    "production": "ng build --prod & node server.js dist server " 
 
    }, 
 
    "private": true, 
 
    "dependencies": { 
 
    "@angular/animations": "~5.0.0", 
 
    "@angular/common": "~5.0.0", 
 
    "@angular/compiler": "~5.0.0", 
 
    "@angular/compiler-cli": "~5.0.0", 
 
    "@angular/core": "~5.0.0", 
 
    "@angular/forms": "~5.0.0", 
 
    "@angular/http": "~5.0.0", 
 
    "@angular/platform-browser": "~5.0.0", 
 
    "@angular/platform-browser-dynamic": "~5.0.0", 
 
    "@angular/router": "~5.0.0", 
 
    "@jaspero/ng2-alerts": "0.0.7", 
 
    "axios": "^0.17.0", 
 
    "body-parser": "^1.18.2", 
 
    "cookie-parser": "^1.4.3", 
 
    "core-js": "^2.4.1", 
 
    "ethereumjs-tx": "^1.3.3", 
 
    "express": "^4.16.2", 
 
    "express-session": "^1.15.6", 
 
    "mongoose": "^4.12.6", 
 
    "rxjs": "^5.0.1", 
 
    "ts-helpers": "^1.1.1", 
 
    "web3": "^1.0.0-beta.24", 
 
    "web3-provider-engine": "^13.3.3", 
 
    "zone.js": "^0.7.2" 
 
    }, 
 
    "devDependencies": { 
 
    "@angular/cli": "^1.5.0", 
 
    "@angular/compiler-cli": "1.5.0", 
 
    "@types/jasmine": "2.5.38", 
 
    "@types/node": "^6.0.42", 
 
    "codelyzer": "~2.0.0-beta.1", 
 
    "jasmine-core": "2.5.2", 
 
    "jasmine-spec-reporter": "2.5.0", 
 
    "karma": "1.2.0", 
 
    "karma-chrome-launcher": "^2.0.0", 
 
    "karma-cli": "^1.0.1", 
 
    "karma-jasmine": "^1.0.2", 
 
    "karma-remap-istanbul": "^0.2.1", 
 
    "protractor": "~4.0.13", 
 
    "ts-node": "1.2.1", 
 
    "tslint": "^4.3.0", 
 
    "typescript": "2.4.2" 
 
    } 
 
}

auch app.module.ts

import {BrowserModule} from '@angular/platform-browser'; 
 
import {NgModule} from '@angular/core'; 
 
import {FormsModule} from '@angular/forms'; 
 
import {HttpClientModule} from '@angular/common/http'; 
 
import {BrowserAnimationsModule} from '@angular/platform-browser/animations'; 
 
import {JasperoAlertsModule} from '@jaspero/ng2-alerts'; 
 
// Imports commented out for brevity 
 
import {RouterModule} from '@angular/router'; 
 
// Components 
 
import {AppComponent} from './app.component'; 
 
import {LoginComponent} from './component/login/login.component'; 
 
import {DashboardComponent} from './component/dashboard/dashboard.component'; 
 
// Services 
 
import {RecordsService} from './services/records.service'; 
 
import {AccountService} from './services/account.service'; 
 
import {AuthenticateService} from './services/authenticate.service'; 
 
import {FooterComponent} from './component/footer/footer.component'; 
 
import {HeaderComponent} from './component/header/header.component'; 
 

 

 
// Define the routes 
 
const ROUTES = [ 
 
    { 
 
    path: '', 
 
    redirectTo: 'login', 
 
    pathMatch: 'full' 
 
    }, 
 
    { 
 
    path: 'login', 
 
    component: LoginComponent 
 
    }, 
 
    { 
 
    path: 'dashboard', 
 
    component: DashboardComponent 
 
    } 
 
]; 
 

 
@NgModule({ 
 
    declarations: [ 
 
    AppComponent, 
 
    HeaderComponent, 
 
    FooterComponent, 
 
    LoginComponent, 
 
    DashboardComponent 
 
    ], 
 
    imports: [ 
 
    BrowserModule, 
 
    HttpClientModule, 
 
    BrowserAnimationsModule, 
 
    FormsModule, 
 
    JasperoAlertsModule, 
 
    RouterModule.forRoot(ROUTES) // Add routes to the app 
 
    ], 
 
    providers: [ 
 
    RecordsService, 
 
    AccountService, 
 
    AuthenticateService 
 
    ], 
 
    bootstrap: [AppComponent] 
 
}) 
 
export class AppModule { 
 
}

Answer 1

Sie versuchen, zu verwenden, ein Dienst, der nicht in providers Ihres AppModule aufgeführt ist. Fügen Sie den Dienst einer Anbieterliste hinzu, damit er funktioniert.