async verträgt sich nicht mit dem eventListener

[Weiße Ziege]

Gemäß der Wikiseite

Event-Handler_registrieren wollte ich onclick-Funktionen durch Event-Handler ersetzen. (Die Historie ist nicht so wichtig.)

Dabei hat die js-Datei minimal.js mit dem Inhalt

document.addEventListener('DOMContentLoaded', function () {
	document.querySelector('#mehrLesenepau')
		.addEventListener('click', klickverarbeitung);
	function klickverarbeitung() {
        alert("HAllo");
	}
});

Im head des HTML: <script async src="/js/minimal.js"></script>

ziemlich genau nichts gemacht: Keine Fehlermeldung, nichts. Der Debugger hielt gerade einmal beim Laden der Seite in der ersten Zeile an. Erst nachdem ich async entfernt habe, funktioniert es.

Nun habe ich eine Frage und eine Anregung:

Frage: Woran könnte das liegen? Anregung: Könnte man das in irgendeiner Form auf der o.g. Wikiseite als Hinweis ergänzen, auf dass mein Nächster sich ein paar Stunden Fehlersuche ersparen kann?