Не работает метод Array.from?
HTML коллекции динамические, когда Вы их выводите в консоль, они вполне себе пустые, но когда смотрите, консоль синхронизируется и показывает Вам заполненную коллекцию.
Когда Вы преобразуете коллекцию в массив, в массиве оказывается текущие элементы, которых еще нет. И так как массив ничего не знает о Вашем DOM, то ничего и не появится в дальнейшем.
Нужно дожидаться, пока элементы появятся на странице, и только потом работать с ними, например с помощью события DOMContentLoaded на document
Он работает. Ищите ошибку в другом месте.
snippet

Возможно вы запускаете свой код еще до того, как эти элементы загрузились.