Ошибка "TypeError: self.querySelector(...) is null" возникает, когда в вашем JavaScript коде метод querySelector() не может найти элемент на странице с помощью указанного селектора и возвращает значение null. Это может произойти по нескольким причинам:
1. Элемент, который вы пытаетесь найти, еще не загружен на странице в момент выполнения скрипта. Обычно это происходит, если скрипт выполняется до завершения загрузки DOM.
2. Селектор, который вы используете в querySelector(), не соответствует ни одному элементу на странице. Это может быть вызвано опечаткой в селекторе, неправильным пониманием структуры DOM или изменениями в HTML-коде.
3. Ваш код пытается найти элемент в контексте, который не тот, который вы ожидаете. Например, если вы используете this.querySelector() внутри функции, контекст this может указывать на другой объект, а не на тот, который содержит нужный вам элемент.
Для исправления этой ошибки вам следует убедиться, что ваш скрипт выполняется после загрузки DOM, правильно указать селектор элемента и удостовериться, что контекст, в котором вы вызываете querySelector(), соответствует вашим ожиданиям. Если это не помогает, можно воспользоваться инструментами разработчика браузера для отладки, чтобы увидеть, что именно идет не так в вашем коде.