src/app/app.component.html

@@ -14,4 +14,5 @@
   </div>
   <div class="errormessage" *ngIf="step.error" [innerHTML]="step.message"></div>
 </div>
+<span>Version: {{VERSION}}</span>
 <!--<router-outlet></router-outlet>-->

src/app/app.component.ts

@@ -3,6 +3,7 @@ import {ConverterRegistryService} from './converterregistry.service';
 import {InputComponentManagerService} from './inputcomponentmanager.service';
 import {Step} from './step';
 import {Converter} from './converter/converter';
+import {environment} from '../environments/environment';
 
 @Component({
   selector: 'app-root',
@@ -10,6 +11,7 @@ import {Converter} from './converter/converter';
   styleUrls: ['./app.component.scss']
 })
 export class AppComponent implements OnInit {
+  public readonly VERSION: string = environment.appVersion;
   public steps: Step[] = [];
   public converters: Converter[] = [];
 

src/environments/environment.prod.ts

@@ -1,3 +1,4 @@
 export const environment = {
-  production: true
+  production: true,
+  appVersion: require('../../package.json').version
 };

src/environments/environment.ts

@@ -3,7 +3,8 @@
 // The list of file replacements can be found in `angular.json`.
 
 export const environment = {
-  production: false
+  production: false,
+  appVersion: `${require('../../package.json').version} (development build)`
 };
 
 /*

src/tsconfig.app.json

@@ -2,7 +2,9 @@
   "extends": "../tsconfig.json",
   "compilerOptions": {
     "outDir": "../out-tsc/app",
-    "types": []
+    "types": [
+      "node"
+    ]
   },
   "exclude": [
     "test.ts",