Ja, Ihr Code wird von CSP blockiert. (siehe Sicherheitseinstellungen)
Sie könnten unsafe-inline in den Einstellungen auf die Whitelist setzen, aber das klingt nicht nach einer guten Idee.
In Ihrem Fall, um Ihren Code mit aktiviertem CSP zum Laufen zu bringen, müssen Sie den Klick meines Erachtens anders behandeln.
Nebenbei bemerkt, hier ist eine Theme-Komponente, die Ihren Code verwendet: https://github.com/Arkshine/discourse-timer-component.
Fühlen Sie sich frei, sie zu forken und auf Ihrem Discourse zu installieren.
Hoffentlich ist mein Code nicht allzu schrecklich, aber dies wäre der bevorzugte Weg, anstatt hier einfachen JavaScript-Code hinzuzufügen.
Er sollte mit zusätzlichen Reaktivitätsfunktionen, Einstellungen und Gebietsschemata genauso funktionieren.
Es mag überwältigend sein, aber es ist eine ausgezeichnete Gelegenheit, sich mit der Entwicklung von Theme-Komponenten zu beschäftigen! Zögern Sie nicht zu fragen, wenn Sie etwas nicht verstehen. ![]()
Ich empfehle dringend die Verwendung der Discourse Theme CLI, wenn Sie lokal damit arbeiten möchten. Sie ist sehr nützlich!