Kino.DataTable does not render the table

[nickgnd]

Hey 👋
first of all, thanks for the amazing work and all the effort you put into this project.
I'm learning ML with NX and LiveBook, great experience so far.

Please let me know if you need more information and how I can support you 🙇
Feel free to adjust title description if it does no fit, or to close the issue if duplicated.
It might be related to this #954, but I was not sure.

Environment

• Elixir & Erlang/OTP versions (elixir --version): Elixir v1.13.0 & Erlang/OTP 24 [erts-12.1.5]
• Operating system: MacOS Big Sur 11.6
• How have you started Livebook (mix phx.server, livebook CLI, Docker, etc): livebook CLI livebook server --open --no-token
• Livebook version (use git rev-parse HEAD if running with mix): v0.5.2
• Browsers that reproduce this bug (the more the merrier): Chrome v97.0.4692.99 / Firefox v96.0.2
• Include what is logged in the browser console:

In Chrome:

GEThttp://localhost:8080/sessions/assets/jyjzo4k46oz4ts56a6gyrpuxbi/main.js
[HTTP/1.1 404 Not Found 2ms]

In Firefox:

Loading module from “http://localhost:8080/sessions/assets/jyjzo4k46oz4ts56a6gyrpuxbi/main.js” was blocked because of a disallowed MIME type (“”).
srcdoc
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://localhost:8080/sessions/assets/jyjzo4k46oz4ts56a6gyrpuxbi/main.js. (Reason: CORS request did not succeed). Status code: (null).

Module source URI is not allowed in this document: “http://localhost:8080/sessions/7pazrzqojr7kwnoycvdlsab57d4gpatzy7cx2njj/assets/jyjzo4k46oz4ts56a6gyrpuxbi/main.js”. srcdoc:1:1
Uncaught (in promise) TypeError: error loading dynamically imported module

• Include what is logged to the server console:

Nothing relevant:

❯ livebook server --open --no-token
[Livebook] Application running at http://localhost:8080

Current behavior

• Install the latest livebook version via escript
• Start the server livebook server --open
• Open the Elixir and Livebook example
• Evaluates all the cells
• The first cell that uses Kino won't render anything

data = [
  %{id: 1, name: "Elixir", website: "https://elixir-lang.org"},
  %{id: 2, name: "Erlang", website: "https://www.erlang.org"}
]

Kino.DataTable.new(data)

In the console there will be an error like:

I also tried to start the server without the token authentication via livebook server --open --no-token, but the result is the same.

Expected behavior

• There Kino.DataTable.new(data) renders a table in the page

[jonatanklosko]

Hey @nickgnd! Could you please install Livebook from the main branch and let us know if it helps?

mix escript.install github livebook-dev/livebook

We made relevant changes just yesterday and it may have already solved it :)

[nickgnd]

Hey @jonatanklosko, thank you for the quick reply.

I have just tried, it works like a charm! 🎉

I'll close the issue, many thanks again for this amazing tool 🙇
Have a nice day! ✌️

[jonatanklosko]

@nickgnd fantastic! 🎉