How to include ClojureScript into HTML page?

75 views
Skip to first unread message

nenad mitrovic

unread,
Mar 21, 2020, 8:20:06 PM3/21/20
to Clojure

I am following guestbook example from the book Web Development With Clojure 3rd edition. I am struggling with including ClojureScript namespace into HTML document. Everything is working fine with example where I have one core.cljs. With that file, only I have to do is to include this piece of code into home.html document:

{% extends "base.html" %}
{% block content %}
<input id="token" type="hidden" value="{{csrf-token}}">
<div id="content"></div>
{% endblock %}
{% block page-scripts %}
{% script "/js/app.js" %}
{% endblock %}

As I mentioned, everything is ok in this situation. But when I created additional ClojureScript file and name it test.cljs and included that in the same way in the new HTML document named test.html I see errors in the console such as "Target container is not a DOM element.". I think that something is wrong with this part:

{% block page-scripts %}
{% script "/js/app.js" %}
{% endblock %}

But I can't figure out how to solve this. Actually, my question maybe should be: How to include ClojureScript into HTML file?. Is the only way this piece of code?

{% block page-scripts %}
{% script "/js/app.js" %}
{% endblock %}

Or, maybe I should change {% script "/js/app.js" %} part of this snippet?

nenad mitrovic

unread,
Mar 21, 2020, 8:23:41 PM3/21/20
to Clojure

Or even better, when I create simple HTML file without extending any base.html file, how to add clojurescript namespace, how to reference it? You know, like javascript helloworld example


<script src="myscripts.js"></script>

How to do this in ClojureScript?

Matching Socks

unread,
Mar 22, 2020, 11:42:17 AM3/22/20
to Clojure
Feel free to post this kind of question to https://ask.clojure.org/, where things are better organized.

At the risk of not answering your specific question, I'd suggest you put aside "Web development with Clojure" for matters of ClojureScript.  (And regard with suspicion any template system that obscures "script" elements!)  Hop over to either the Quick Start at clojurescript.org, or the getting-started guide for Figwheel or Shadow-cljs on their respective websites, since those are highly expeditious tools for a rip-snorting ClojureScript workflow.  The clojurescript.org guide is minimalist, which helps you distinguish "ClojureScript" from "the tool", but you will eventually wind up using either Figwheel or Shadow-cljs in any event.

nenad mitrovic

unread,
Mar 22, 2020, 12:57:54 PM3/22/20
to clo...@googlegroups.com
Ok. I will. Thank you.

On Sun, Mar 22, 2020 at 4:42 PM Matching Socks <phill...@gmail.com> wrote:
Feel free to post this kind of question to https://ask.clojure.org/, where things are better organized.

At the risk of not answering your specific question, I'd suggest you put aside "Web development with Clojure" for matters of ClojureScript.  (And regard with suspicion any template system that obscures "script" elements!)  Hop over to either the Quick Start at clojurescript.org, or the getting-started guide for Figwheel or Shadow-cljs on their respective websites, since those are highly expeditious tools for a rip-snorting ClojureScript workflow.  The clojurescript.org guide is minimalist, which helps you distinguish "ClojureScript" from "the tool", but you will eventually wind up using either Figwheel or Shadow-cljs in any event.

--
You received this message because you are subscribed to the Google
Groups "Clojure" group.
To post to this group, send email to clo...@googlegroups.com
Note that posts from new members are moderated - please be patient with your first post.
To unsubscribe from this group, send email to
clojure+u...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/clojure?hl=en
---
You received this message because you are subscribed to the Google Groups "Clojure" group.
To unsubscribe from this group and stop receiving emails from it, send an email to clojure+u...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/clojure/e98c164c-856d-4256-ad6c-a20dc262fa2f%40googlegroups.com.
Reply all
Reply to author
Forward
0 new messages