Не удается найти имя «ClipboardItem» в angular

Question

Получение сообщения об ошибке. TS2304: не удается найти имя «ClipboardItem» при попытке создать ClipboardItem для navigator.clipboard.write ().

const clipboardItemInput = new ClipboardItem ({'image / png': blobInput} ); await navigator.clipboard.write ([clipboardItemInput]);

Я использую Angular 6 Пожалуйста, дайте мне знать, нужно ли мне добавлять какие-либо зависимости или есть какой-либо другой метод.

Answer 1

Версия Typescript может не включать все функции. Здесь мы должны расширить его, создав наборы или расширив существующие. Чтобы решить эту проблему, попробуйте создать файл types.d.ts ( reference1 ) и добавить в него следующее:

declare class ClipboardItem {
  constructor(data: { [mimeType: string]: Blob });
}

Затем сослаться на файл в коде вашего компонента:

/// <reference path="types.d.ts" />

Тогда не стесняйтесь использовать класс.

const item = new ClipboardItem({ "image/png": blob });
window.navigator['clipboard'].write([item]);

Вдохновение: reference2