found the problem with ngBuild:

angular/devkit#816

Author: jufa2401

src/app/auth/auth.service.ts

@@ -15,7 +15,7 @@ export class AuthService {
     // Kald der skal ske når man kommer in på siden, her skal den logge dig ud automatisk, hvis din session er udløbet
     const token = localStorage.getItem('token');
     if ( token !== null) {
-      this.validate2(token).subscribe(() => {}, (error: HttpErrorResponse) => {
+      this.validate(token).subscribe(() => {}, (error: HttpErrorResponse) => {
         console.log(error);
         if (error.status === 401) {
           this.loggedIn = false;
@@ -65,23 +65,6 @@ export class AuthService {
       }
     );
   }
-  validate2(stringtoken: string): Observable <any> {
-    if (stringtoken.length < 1 || stringtoken === null) { return; }
-    let token;
-    try {
-      token = JSON.parse(stringtoken).access_token;
-    } catch (e) {
-      console.log(e);
-    }
-    const body = new HttpParams()
-      .set('authorization', token);
-    return this.http.post('https://www.localghost.dk/hangman/oauth/validate',
-      body.toString(),
-      {
-        headers: new HttpHeaders().set('Authorization', 'Bearer ' + token)
-      }
-    );
-  }
   logoutRemoveToken() {
     localStorage.removeItem('token');
     this.loggedIn = false;

src/app/auth/header/header.component.ts

@@ -18,18 +18,18 @@ export class HeaderComponent implements OnInit, OnDestroy {
   isModalShown: boolean;
   tokenSubscription: Subscription;
   // laver en observable til at tjekke den token vi bruger, det skal bruges i setName i denne klasse.
-  observeToken;
+  observeToken$;
   ngOnInit(): void {
     this.isModalShown = false;
-    this.observeToken = new Observable((observer) => {
+    this.observeToken$ = new Observable((observer) => {
       observer.next(localStorage.getItem('token'));
       observer.complete();
     });
     // Når man har været på siden i et stykke tid, her vil den automatisk vise en modal, som logger dig ud ved klik.
     this.tokenSubscription = TimerObservable.create(9000, 10000).subscribe(() => {
         const token = localStorage.getItem('token');
         if (token !== null) {
-          this.auth.validate2(token).subscribe(() => {}, (error: HttpErrorResponse) => {
+          this.auth.validate(token).subscribe(() => {}, (error: HttpErrorResponse) => {
             console.log(error);
             if (error.status === 401 && this.auth.loggedIn) {
               this.showModal();
@@ -54,7 +54,7 @@ export class HeaderComponent implements OnInit, OnDestroy {
   setName() {
     if (this.auth.loggedIn) {
       // sætter name property til at være JSON objectets first name
-      this.observeToken.subscribe((res: string) => {
+      this.observeToken$.subscribe((res: string) => {
         const tokenObj = JSON.parse(res);
         this.name = tokenObj.user.firstname;
       });

src/app/core/game-server.service.ts

@@ -1,6 +1,7 @@
 import {Injectable} from '@angular/core';
 import {HttpClient, HttpHeaders} from '@angular/common/http';
 import {map} from 'rxjs/operators';
+import {GameModel} from '../shared/game.model';
 
 // Overvej at bruge intercepter
 
@@ -11,7 +12,7 @@ export class GameServerService {
   getHighscores() {
     return this.http.get('https://www.localghost.dk/hangman/api/hangman/highscores'
     ).pipe(
-      map((res: Response) => {
+      map((res: GameModel) => {
         return res;
       })
     );
@@ -21,7 +22,7 @@ export class GameServerService {
     return this.http.get('https://www.localghost.dk/hangman/api/hangman/game',
       {headers: new HttpHeaders().set('Authorization', 'Bearer ' + token)}
     ).pipe(
-      map((res: Response) => {
+      map((res: GameModel) => {
         return res;
       })
     );
@@ -31,7 +32,7 @@ export class GameServerService {
     return this.http.post('https://www.localghost.dk/hangman/api/hangman/game', null,
       {headers: new HttpHeaders().set('Authorization', 'Bearer ' + token)}
     ).pipe(
-      map((res: Response) => {
+      map((res: GameModel) => {
         return res;
       })
     );
@@ -41,7 +42,7 @@ export class GameServerService {
     return this.http.put('https://www.localghost.dk/hangman/api/hangman/game', null,
       {headers: new HttpHeaders().set('Authorization', 'Bearer ' + token)}
     ).pipe(
-      map((res: Response) => {
+      map((res: GameModel) => {
         return res;
       })
     );
@@ -51,7 +52,7 @@ export class GameServerService {
     return this.http.post('https://www.localghost.dk/hangman/api/hangman/guess/' + letter, null,
       {headers: new HttpHeaders().set('Authorization', 'Bearer ' + token)}
     ).pipe(
-      map((res: Response) => {
+      map((res: GameModel) => {
         return res;
       })
     );

src/app/core/game/game.component.html

@@ -6,11 +6,14 @@
   </div>
   <hr>
   <div *ngIf="game.hasGameBegun || game.gameHasBeenWon || game.gameHasBeenLost">
-    <p><span class="word-description">{{game.wordExampleBefore}}</span> <span class="word">{{game.visibleWord}}</span> <span class="word-description">{{game.wordExampleAfter}}</span></p>
+    <p><span class="word-description">{{game.wordExampleBefore}}</span>
+      <span class="word" *ngIf="game.hasGameBegun">{{game.visibleWord}}</span>
+      <span class="word" *ngIf="game.gameHasBeenWon || game.gameHasBeenLost">{{game.finalGuessWord}}</span>
+      <span class="word-description">{{game.wordExampleAfter}}</span></p>
     <p class="word-description" style="font-style: italic" *ngIf="game.wordDefinition?.length">{{'Definition: '+game.wordDefinition}}</p>
     <p style="font-style: italic">
       <span *ngIf="game.wordSynonyms.length>0">Synonyms: </span>
-      <span *ngFor="let synonym of game.wordSynonyms">{{synonym+ ', '}}</span>
+      <span *ngFor="let synonym of game.wordSynonyms; let i = index">{{synonym}}<span *ngIf="i<game.wordSynonyms.length-1">, </span></span>
     </p>
   </div>
   <div>

src/app/core/game/game.component.ts

@@ -3,6 +3,7 @@ import {HttpErrorResponse} from '@angular/common/http';
 import {Router} from '@angular/router';
 import {ToastrService} from 'ngx-toastr';
 import {GameServerService} from '../game-server.service';
+import {GameModel} from '../../shared/game.model';
 
 @Component({
   selector: 'app-game',
@@ -19,7 +20,7 @@ export class GameComponent implements OnInit {
   buttonLetters: string[];
   images: string[];
   letters: string[];
-  game: any;
+  game: GameModel;
   constructor(private serverService: GameServerService, private router: Router, private toastr: ToastrService) {}
   ngOnInit() {
     this.loading = false;
@@ -32,7 +33,7 @@ export class GameComponent implements OnInit {
       , './assets/GRAFIK/forkert5.png', './assets/GRAFIK/forkert6.png'];
     this.letters = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n',
       'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z'];
-    this.game =  <any>{
+    this.game =  {
       gameHasBeenLost: false,
       gameHasBeenWon: false,
       hasGameBegun: false,
@@ -54,7 +55,7 @@ export class GameComponent implements OnInit {
   newGame() {
     this.loading = true;
     this.serverService.getGame().subscribe(
-      (response: Response) => {
+      response => {
         this.loading = false;
         this.game = response;
         this.toastr.success('Previous game loaded.');
@@ -72,7 +73,7 @@ export class GameComponent implements OnInit {
           this.sessionExpired = true;
         } else if (error.status !== 400) {this.toastr.error('An error occurred, check the console');  console.log(error); } else {
           this.serverService.restartGame().subscribe(
-            (restartResponse: Response) => {
+            (restartResponse: GameModel) => {
               console.log('This is a restart response:');
               this.game = restartResponse;
               console.log(restartResponse);
@@ -91,7 +92,7 @@ export class GameComponent implements OnInit {
   onStartGameClicked() {
     this.loading = true;
     this.serverService.startGame().subscribe(
-      (response: Response) => {
+      response => {
         this.game = response;
         this.gameStatus = 'You can start guessing the new game now!';
         this.greenText = '';
@@ -101,7 +102,7 @@ export class GameComponent implements OnInit {
         console.log(error.status.toString());
         console.log(error.error.error_message);
         this.serverService.restartGame().subscribe(
-          (restartResponse: Response) => {
+          (restartResponse: GameModel) => {
             console.log('This is a restart response:');
             this.game = restartResponse;
             this.loading = false;
@@ -117,13 +118,18 @@ export class GameComponent implements OnInit {
   }
   onLetterClick(letter: string) {
     this.game.usedLetters.push(letter);
-    this.serverService.guessLetter(letter).subscribe((res: Response) => {
-      this.game = res;
+    this.serverService.guessLetter(letter).subscribe(res => {
+      this.game.visibleWord = res.visibleWord;
+      this.game.gameHasBeenLost = res.gameHasBeenLost;
+      this.game.gameHasBeenWon = res.gameHasBeenWon;
+      this.game.lastGuessedLetterIsCorrect = res.lastGuessedLetterIsCorrect;
       if (this.game.gameHasBeenLost) {
+        this.game = res;
         this.greenText = '';
         this.redText = 'You have lost, ';
         this.gameStatus = 'try again';
       } else if (this.game.gameHasBeenWon) {
+        this.game = res;
         this.redText = '';
         this.greenText = 'Great job, ';
         this.gameStatus = 'you won the game!';

src/app/shared/game.model.ts

@@ -0,0 +1,18 @@
+export interface GameModel {
+  gameHasBeenLost: boolean;
+  gameHasBeenWon: boolean;
+  hasGameBegun: boolean;
+  isGameOver: boolean;
+  lastGuessedLetterIsCorrect: boolean;
+  score: number;
+  time: string;
+  usedLetters: string[];
+  visibleWord: string;
+  wrongLettersCount: number;
+  finalGuessWord: string;
+  wordExampleBefore: string;
+  wordExampleAfter: string;
+  wordDefinition: string;
+  wordSynonyms: string;
+
+}