Почему 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 файле

Answer 2

[historydev]

https://imask.js.org/guide.html
import IMask from 'imask';

Comments

[IliaMal]

Пробовал так, не может найти модуль в imask.js, так как там нет экспорта, это файл из CDN, подразумевается что он сразу будет использоваться без импорта


Кастомизировать imask.js не хочу, подтягивать всю библиотеку через npm тоже не вижу смысла.
На нативном js все работает, вопрос только как TS объяснить, что IMask объявлен выше

[historydev]

IliaMal, package json => type=module or
const IMask = require("myIMaskPath")

[IliaMal]

Владимир, require() же на бекенде используется, мне надо что то что бы на фронте работало (