Использование внешней библиотечной переменной в файле app.component.ts в angular4

Question

Я хочу использовать глобальную переменную cwic , объявленную во внешней библиотеке js в файле app.component.ts.Библиотека js хранится в папке активов как cwic-debug.js.Теперь, чтобы инициализировать библиотеку и использовать переменную cwic, необходимо вызвать метод SystemController оператора as-

cwic.SystemController.initialize() 

index.html

<script type="text/javascript" src="./assets/cwic-debug.js"></script>

Я попытался инициализироватьбиблиотека cwic следующим образом -

app.component.ts-

 export class AppComponent implements AfterViewInit{
  ngAfterViewInit(){
    cwic.SystemController.initialize();
    console.log(cwic);
  }
  title = 'Angular Project';
}

Но поскольку переменная cwic в неопознанном виде выдает ошибку и подчеркиваетcwic word в красном.

Библиотека js т.е. cwic-debug.js выглядит примерно так -

var cwic =
/******/ (function(modules) { // webpackBootstrap
/******/    // The module cache
/******/    var installedModules = {};
/******/
/******/    // The require function
/******/    function __webpack_require__(moduleId) {
/******/

Как я могу использовать это cwic переменная в файле app.component.ts?

Answer 1

Вы можете объявить переменную и ввести ее как any.

declare var cwic: any;

Затем TypeScript перестанет жаловаться на тип переменной и просто предположит, что она существует, но вы больше не получите типпомогает от вашей IDE.