Ошибка неожиданного токена при использовании crypto-js с проектом angular 5

Question

Мне нужно зашифровать данные, отправленные из angular-5 в скрипт php, и расшифровать их в php, а затем обработать. Я новичок в этом деле.

Сначала я установил crypto-js lib:

npm install --save crypto-js

Затем я импортировал его в app.module.ts:

import * as crypto from 'crypto-js';

И добавил его в импорт:

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    crypto

Внутри моего app.component.ts файла я пытаюсь зашифровать переменную и проверить результат:

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'app';
  this.crypto...
}

У меня ошибка на this.:

Неожиданный токен. Конструктор, метод, метод доступа или свойство было ожидается.

Answer 1

Вместо импорта * из crypto-js моя команда просто поместила зависимость crypto-js в массив скриптов в .angular-cli.json.

Как только вы сделаете это в верхней части ts-файла, который вы планируете использовать crypto, вы можете добавить команду Declare Const CryptoJS; а затем используйте его как обычно.

Этот метод также можно использовать для любых других зависимостей, не относящихся к es6 или ts.