Trying to make my function components available everywhere, getting an error `module_info/1` is undefined?

The alias HydroplaneWeb.Components.Shared you have at the top of the file is not in the same scope as your import Shared line. You can see this in the error message in that it is Shared.Button.module_info/1 not HydroplaneWeb.Components.Shared.module_info/1.

You should either make the import fully qualified eg import HydroplaneWeb.Components.Shared.{Button, Card, Dropdown, Lists, Modal} or add the alias inside the quote. I’d recommend just making it fully qualified so you don’t inject an alias into the other module.

I tried getting rid of the alias and making the module fully qualified inside of __using__/1 but I’m getting the same error. I also tried putting the import HydroplaneWeb.Components.Shared.{Button, Card, Dropdown, Lists, Modal} directly inside of the quote block in view_helpers.

Can you show how you are calling these components?

My guess is that you might have a typo somewhere in your

defmodule HydroplaneWeb.Components.Shared.Button do
…

There’s no typo, and it happens with more than just the Button module. If I change it to include the individual modules it happens with all of them.

Of course, I’m trying to call them like this as function components:

image2024×210 47.3 KB

Is the error you get a runtime or compile time error? Is there a stack trace or more information you can provide?

What is the exact error you get if you do

  defp view_helpers do
    quote do
      # ..................

      import HydroplaneWeb.Components.Shared.{Button, Card, Dropdown, Lists, Modal}
    end
  end

When I try to start the server I get this:

Erlang/OTP 24 [erts-12.2.1] [source] [64-bit] [smp:4:4] [ds:4:4:10] [async-threads:1] [jit] [dtrace]

==> hydroplane_web
Compiling 27 files (.ex)

== Compilation error in file lib/hydroplane_web/live/components/_shared/button.ex ==
** (UndefinedFunctionError) function HydroplaneWeb.Components.Shared.Button.module_info/1 is undefined (function not available)
    HydroplaneWeb.Components.Shared.Button.module_info(:exports)
    (elixir 1.13.3) src/elixir_import.erl:98: :elixir_import.calculate/6
    (elixir 1.13.3) src/elixir_import.erl:28: :elixir_import.import/4

Can you share your button module?

Sure, it’s pretty basic.

defmodule HydroplaneWeb.Components.Shared.Button do
  use HydroplaneWeb, :component

  def action_button(assigns) do
    extra = assigns_to_attributes(assigns, [:__slot__, :inner_block])

    ~H"""
    <button {extra} class="bg-slate-100 hover:bg-slate-200 py-1 mx-1 rounded text-slate-500 hover:text-slate-600">
      <%= render_slot(@inner_block) %>
    </button>
    """
  end
end