kalkatfyodor

kalkatfyodor

Uncaught TypeError: import_alpine.default.start is not a function

Although Alpine seems to be working OK, I see this error in my console:

Any idea why is this happening and how can I fix it?

All the searches on Google point me to TypeScript but I am not using TS.

Most Liked

NobbZ

NobbZ

The Alpine.js you downloaded from the CDN is not a module.

When I tried it the way you did, esbuild complained exactly about that.

If you want to use it as a module, then you need to either use npm to isntall it or clone from GitHub and build it, though it has dependencies, which are usually pulled from NPM (the service).

There might be ways to vendor them, though that will again require extra work, and might recurse infinitely, as dependencies have the habbit to also have dependencies.

Okay, I have to admit, the list is short for alpine, its about a handfull of deps. But its still annoying.

So perhaps you can use npm (the tool) or yarn to use alpine from GitHub? Though I am not sure how that will deal with dependencies and if you can override transient dependencies to use GitHub instead of NPM (the service).

kalkatfyodor

kalkatfyodor

Thanks for your info. You seem to be quite knowledgeable about JavaScript and related tech.

Do you know about some one-file replacement to Alpine? Something I can import from the vendor folder like that topbar.js? I was thinking about Petite Vue but I have not enough knowledge with JS tech, unlike you.

Thank you in advance for your opinion.

NobbZ

NobbZ

I’m not any knowledgeable in the JS ecosystem, but I just went through a similar process as you, as I wanted to try to avoid NPM (the tool).

I now built alpinejs once from source and vendored the resulting module in the project.

I also added a small script which I could pass in a version number and it would rebuild in a container and then replace the vendored module.

This way I can avoid using NPM (the tool) on a daily basis.

I have no problems with NPM (the service), similar to how I do not have problems with hex.pm. If you do not trust one of the package services, you can’t trust any other.

Where Next?

Popular in Questions Top

earth10
Hi, I’m just starting to build a side-project with Elixir and Phoenix and doing some basic test with Elixir alone. What strikes me is th...
New
LegitStack
I’m trying to make a websocket server in Phoenix or raw Elixir. I heard about gun, I think I could use cowboy, but since I’m not that sma...
New
Qqwy
Original source of discussion: This topic on the Pragmatic Programmers' Functional Web Development with Elixir, OTP, and Phoenix forum. ...
New
hariharasudhan94
lets say i have a sample like a = 20; b = 10; if (a > b) do {:ok, "a"} end if (a < b) do {:ok, b} end if (a == b) do {:ok, "eq...
New
jay1
Why is it that the mnesia database isn’t the most preferred database for use in Elixir/Phoenix?
New
SoCreat
i’m a new one to elixir which editor can i use vs code? or atom? Thanks! :smiley:
New
dblack
I’ve got an issue with an app and I’ve no idea of how to troubleshoot it. I’m hoping someone here might have seen something similar. I p...
New
nsuchy
Hi. I’ve noticed that Windows Powershell has it’s own IEX command and you cannot access Elixir’s IEX due to the conflict. This isn’t a cr...
New
hariharasudhan94
I would like to know what is the best IDE for elixir development?
New
svb
Hi! Currently I want to submit a form by pressing the Enter key. However, since my input field is of type “textarea” this is just adds a...
New

Other popular topics Top

marius95
Hello everyone, I try to use an Javascript Event Handler in my root.html.leex file. Therefore I created a function in the app.js file: ...
New
greenz1
I have a phoenix application from which a user can download multiple(5-6) files of size 1MB. I couldn’t find anything related to sending ...
New
AstonJ
Posting this to see if we can make things easier for people to get into Neovim. If you use Neovim and have a favourite distro please let ...
New
gshaw
What is the idiomatic way of matching for not nil in Elixir? E.g., First way: defp halt_if_not_signed_in(conn, signed_in_account) when...
New
dokuzbir
I want to highlight html closing tags when i click a html tag. That works in .html files but doesnt work for html.eex templates. How can...
New
ovidiubadita
Hey all, I discovered Elixir and I love it. I always wanted to learn a functional programming and I intended to go for Haskell, but afte...
New
nsuchy
Hi. I’ve noticed that Windows Powershell has it’s own IEX command and you cannot access Elixir’s IEX due to the conflict. This isn’t a cr...
New
shijith.k
I am trying to start a new phoenix project with elixir 1.9, but mix phx.new does not work. It says that ** (Mix) The task "phx.new" could...
New
marick
I had some trouble figuring out how to make many-to-many associations work. Once I got it working, I wrote a blog post. Because I'm a nov...
New
sergio
Kind of like when jquery came out, it was super necessary. Existing drag and drop libraries have a bunch of baggage to support old browse...
New

We're in Beta

About us Mission Statement