Начальный запуск 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

или обновить до версии 7 HighCharts, в которую включена поддержка TypeScript.С этой версией вы можете просто импортировать старшие диаграммы следующим образом:

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/