Sebb

Sebb

I’m still on the quest to make webcomponent-libraries work with LV.

This one seems very interesting and has some characteristics that should make it easier to use with LV (than eg shoelace).

Problem: it is not available per CDN, so I need to bundle it :grimacing:

I can do it with vite without LV: GitHub - georgfaust/ix_vite_standalone · GitHub

So I tried to use vite with LV. For that I forked a repo doing that by @c4710n and added the IX-stuff: GitHub - georgfaust/ix_with_lv_testbed: testbed for LV+IX (webcomponents) · GitHub

[EDIT: fixed on master, bug on b8b582d33e7d37762ae24135e2b12fcda168b654]

Sadly I get the error (chrome console)

Uncaught SyntaxError: Cannot use 'import.meta' outside a module

And I’m completely lost.
Any ideas?

Showing Posts 1 to 2

c4710n

c4710n

Hey, @Sebb.

I notice that ix is assuming developers will use JavaScript module. So, try this in root.html.heex:

- <script defer phx-track-static type="text/javascript" src={~p"/assets/app.js"}>
+ <script defer phx-track-static type="module" src={~p"/assets/app.js"}>

More details:

  • There are import.meta calls in the top level of app.js
  • import.meta can only be called in JavaScript modules.
  • app.js is not loaded as a module.

The fix - load app.js as a module.

Sebb

Sebb OP

That’s it. Working now.
I really am in awe of people understanding JS-bundling stuff.

— All posts loaded —

Where Next? Top

Trending in Questions Top

RSP87
I’m working on a project that simulates the bumbl example in the programming phoenix book. It acts almost like an email client. We have a...
New
nseaSeb
Hello, I know there is an approach for handling lists that allows for optimized traversal, but I can’t recall the specific method (somet...
New
kpanic
Hi everyone, I am toying with the idea of building a “match maker” for giving personal help to people that wants to start coding. I sta...
New
brecabral
Documentation While reading the Scoped Routes section, I noticed that the documentation currently refers to a problem without explainin...
New
velrest
So my question is quite simple and i have found no conclusive answer on forum, google or AI. Should we use :erlang.float for Integer to ...
New
asweet-confluent
I recently noticed that Elixir’s Logger defaults its primary log level to :debug when no :logger, :level application configuration is pre...
New
ryanwinchester
apply_graft/2 doesn’t rewrite an add_many sub-workflow’s deps on an add step. Grafted jobs cancel with “upstream job was deleted” Version...
New

Other Trending Topics Top

JesseHerrick
Hey, I’m Jesse and I’m the main contributor behind Dexter, a full-featured, lightning-fast Elixir LSP optimized for large codebases. It s...
New
mudasobwa
I am happy to introduce the very α version of the new programming language compiled to BEAM. Welcome Cure. It has literally three kille...
New
marciok
Hi there! We created Gust: A task orchestrator inspired by Airflow. For those who have never heard about Aiflow, it’s a Python-based wor...
New
mhanberg
Hi everyone! The first release candidate for the Expert language server project is now available! We’ve published a press release detai...
New
jimsynz
Beam Bots (or just BB for short) is a framework for building fault-tolerant robotics applications in Elixir using familiar OTP patterns. ...
New
Dmk
Xamal is a deployment tool for Elixir apps that deploys native releases to bare metal servers over SSH. It’s a port of GitHub - basecamp/...
New

Latest on Elixir Forum

Elixir Forum

We're in Beta

About us Mission Statement

Options

Thread Display Mode




Thread Preview

Skip Thread Previews