javascript - 在angular4中的app.component.ts文件中使用外部库变量

我想使用在app.component.ts文件的外部js库中声明的全局变量cwic。 js库以cwic-debug.js的形式保存在资产文件夹中。现在要初始化库并使用cwic变量，必须将语句SystemController方法称为-

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单词。

js库，即cwic-debug.js看起来像这样-

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

如何在app.component.ts文件中使用此cwic变量？

最佳答案

您可以声明变量并将其键入为any。

declare var cwic: any;

然后，TypeScript将停止抱怨变量的类型，并假设它存在，但是您将不再从IDE中获得类型帮助。

关于javascript - 在angular4中的app.component.ts文件中使用外部库变量，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/50825981/