Переаписал на cryptojs и typings. Проблемы с Webpack

package.json

@@ -22,7 +22,9 @@
     "@angular/platform-browser": "^4.0.0",
     "@angular/platform-browser-dynamic": "^4.0.0",
     "@angular/router": "^4.0.0",
+    "@types/crypto-js": "^3.1.33",
     "core-js": "^2.4.1",
+    "cryptojs": "^2.5.3",
     "rxjs": "^5.1.0",
     "zone.js": "^0.8.4"
   },

src/app/app.component.html

@@ -2,7 +2,6 @@
   <span>Log Manager</span>
   <span style="flex: 1 1 auto;"></span>
   <span>
-    <button md-button (click)="GenerateKeyPair();">Ключ</button>
     <button md-raised-button color="primary" (click)="AddNew();">Новый</button>
     <button (click)="Exit();" md-raised-button color="warn">Выхода нет</button>
   </span>

src/app/app.component.ts

@@ -1,5 +1,6 @@
 import { Component } from '@angular/core';
 import { Http, Headers } from '@angular/http';
+import { AES, SHA256 } from 'cryptojs';
 
 export class NewMessage {
   public Content: string;
@@ -35,15 +36,7 @@ export class AppComponent {
   }
   AcceptNew(): void {
     console.log(this.textarea);
-    crypto.subtle.generateKey(
+    const encrypted_text = AES(this.textarea, this.pass);
-      {
-        name: 'AES-GCM',
-        length: 256, // can be  128, 192, or 256
-      },
-      true, // whether the key is extractable (i.e. can be used in exportKey)
-      ['encrypt', 'decrypt'] // can "encrypt", "decrypt", "wrapKey", or "unwrapKey"
-    ).then(function(key) { });
-    const encrypted_text = this.textarea;
     const obj = new NewMessage;
     obj.Content = encrypted_text;
     const body = JSON.stringify(obj);

src/tsconfig.app.json

@@ -4,10 +4,16 @@
     "outDir": "../out-tsc/app",
     "module": "es2015",
     "baseUrl": "",
-    "types": []
+    "types": [
+      "node"
+    ]
   },
   "exclude": [
     "test.ts",
     "**/*.spec.ts"
+  ],
+  "include": [
+    "**/*.spec.ts",
+    "**/*.d.ts"
   ]
 }