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。使用该版本，您可以像这样导入highcharts：

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/