Почему TypeScript ругается на внешний класс?

Question

[IliaMal]

Здравствуйте.
Для валидации инпутов испольую https://imask.js.org
Скопировал скрипт из CDN себе в проект, подключаю следующим образом:

import "js/moduls/external/imask.js";

const phoneInput = document.querySelector("input[type='tel']");
const imask = new IMask.createMask({ mask: "+{7}[phone]" }); 

phoneInput.addEventListener('input', e => {
    phoneInput.value = imask.resolve(phoneInput.value);
    console.log('isComplete', imask.isComplete);
});

На JavaScript все работает, на TypeScript ругается на IMask

TS2448: Block-scoped variable 'IMask' used before its declaration.

Как объяснить TS что IMask можно использовать?

Comments

[Lynn «Кофеман»]

А откуда тут взялся IMask?

[Rerurk]

Написано же, используется до того как объявлен.

[historydev]

Lynn «Кофеман», верховная магия, это по моей части

[IliaMal]

Rerurk, да, я вижу. TS просто не в курсе что класс объявлен в файле что импортирован выше, надо как то его убедить в этом. "!" не помогает

[Rerurk]

IliaMal, прочтите директива reference

Answer 1

[IliaMal]

Так как TypeScript не в курсе что происходит в импортированном JavaScript файле, необходимо описать все объекты объявленные в этом файле через декларации.

Для примера из тикета:
Рядом с файлом mask.js добавил файл mask.d.js cj следуюзем содержимым:

declare var IMask: IMask;
// использовать именно var, const или let не будет работать

После этого IMask будет определяться в .ts файле