Проверка поддержки HTML5 API файлов в Angular?

Question

При кодировании чека для поддержки браузера HTML5 File API, например:

  private hasHtml5FileApiSupport;
  constructor(@Optional() @Inject(DOCUMENT) document: Document) {
    const w = document.defaultView;
    this.hasHtml5FileApiSupport = w.File && w.FileReader && w.FileList && w.Blob;

VSCode рисует красные волнистые линии под w.File && w.FileReader && w.FileList частями.

Есть ли способ избавиться от них / Есть ли лучший способ сделать это?

Answer 1

Если мы вводим document, используя тип Document, тогда мы получаем строгую проверку типа, и VSCode рисует волнистые линии, однако, если мы используем any вместо Document, ошибки исчезают:

private hasHtml5FileApiSupport;
constructor(@Optional() @Inject(DOCUMENT) document: any) {
  const w = document.defaultView;
  this.hasHtml5FileApiSupport = w.File && w.FileReader && w.FileList && w.Blob;
}