NPM初始启动失败？

Question

我想通过执行ng s开始我的角度投影，但是由于在窗口对象上定义了一些变量，所以给出了错误。

var chart=window.Highcharts.chart()

Property 'Highcharts' does not exist on type 'Window'.

当我修改任何文件时，它将自动成功编译。

我想在开始时忽略这些错误吗？

Answer 1

您应该从HighCharts安装键入内容：

npm i -D @types/highcharts

或更新到包含TypeScript支持的HighCharts版本7。使用该版本，您可以像这样导入高图：

import * as Highcharts from 'highcharts';

如果这不起作用，您还可以使用自己的属性更新全局窗口对象声明。您应该将其添加到应用程序的main.ts或polyfills.ts中

declare global { interface Window { HighCharts: any; } }

Answer 2

您可能需要按如下所示导入Highcharts

import * as Highcharts from 'highcharts';

一旦导入，您就可以像Highcharts.chart那样调用图表方法

  ngOnInit(){
    Highcharts.chart('container', this.options);
  }

您不需要致电window.Highcharts

参考：https://www.highcharts.com/blog/post/highcharts-and-angular-7/