I’ve been converting my EEX and LEEX to HEEX and so far it’s been working fine. But I ran into one problem that I couldn’t figure out. If you have some javascript with string interpolation (e.g. to set a token), it throws errors about it. Is HEEX intended to support <script> tags? I was trying to…

is fun an Elixir function? If so, that should be inside the <%= %>, not outside. I have script tags which are calling Elixir functions in several of my heex templates - no issues so far.

Can you do something like this? <script> const myToken = "<%= @token %>"; fun(myToken); </script>

I would use hooks for this and not this sort of thing.

This is a minor problem for me as well, I’ve got some integrations in a phoenix (non-liveview) app such as Posthog which requires a block such as: <script> !function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[…

Where is it you’re putting this? root.html.heex? Somewhere else? And just to be clear, is that error from Elixir or JavaScript?

Heex performs html validation and there were few bugs in its html validation. You might be experiencing this bug: https://github.com/phoenixframework/phoenix_live_view/issues/1656 Check the version of phoenix_live_view you are using. Upgrading to the latest {:phoenix_live_view, "~> 0.17.6"} will …

Elixir Programming Language Forum

Using script tags in HEEX does not work?

Questions & Help Questions

nickurban September 15, 2021, 9:43pm 5

Ah, I didn’t make that clear. It’s a JavaScript function.