Fl4m3Ph03n1x
Fresh new 1.7 Phoenix app inside umbrella fails build
Background
I have a fresh umbrella app and I am trying to create a Phoenix app inside it. However, even though I can create the Phoenix app inside the umbrella, I cannot build it successfully.
Problem
I am creating a phoenix app inside a fresh umbrella project like this:
mix new test_app --umbrellacd appsmix phx.new web_interface --no-dashboard --no-ecto --no-gettext --no-mailer --live
These commands run fine. However when I try to setup the app, something breaks:
cd web_interfacemix setupreturns:
08:14:50.318 [warning] tailwind version is not configured. Please set it in your config files:
config :tailwind, :version, “3.2.4”
Browserslist: caniuse-lite is outdated. Please run:
npx update-browserslist-db@latest
Why you should do it regularly: GitHub - browserslist/update-db: CLI tool to update caniuse-lite to refresh target browsers from Browserslist config · GitHubRebuilding…
To me, this is odd. Everything is fresh new, so I was really not expecting any warning. But it gets worse. Once rebuilding is done, I get an actual error:
Done in 200ms.
08:14:52.146 [warning] esbuild version is not configured. Please set it in your config files:
config :esbuild, :version, "0.16.4"** (RuntimeError) no arguments passed to esbuild
(esbuild 0.7.0) lib/esbuild.ex:170: Esbuild.run/2
(esbuild 0.7.0) lib/mix/tasks/esbuild.ex:49: Mix.Tasks.Esbuild.install_and_run/1
(mix 1.14.1) lib/mix/task.ex:421: anonymous fn/3 in Mix.Task.run_task/4
(mix 1.14.1) lib/mix/task.ex:479: Mix.Task.run_alias/6
(mix 1.14.1) lib/mix/cli.ex:84: Mix.CLI.run_task/2
At first I thought this was happening because I had something outdated in my machine. So I did some updates:
mix local.hexmix archive.install hex phx_new
However, this did not fix the issue.
I am running on Windows.
Questions
- It is my understanding that if I create a new app inside an umbrella project, elixir is smart enough to detect that and I don’t need to do anything new/different. Is this the case?
- IIRC the
--liveflag became a default in Phoenix 1.6. Is this still case for 1.7? (Meaning all apps are live now, by default?) - Why am I getting this error? How can I fix it?
Marked As Solved
Fl4m3Ph03n1x
This was the issue. To me, this is rather confusing, as from the documentation/tutorials (https://elixir-lang.org/getting-started/mix-otp/dependencies-and-umbrella-projects.html#umbrella-projects) we have this quote:
First of all, since we generated this project inside
kv_umbrella/apps, Mix automatically detected the umbrella structure (…)
Which states that when creating an app inside an umbrella project, Mix does have the capacity to detect it and act accordingly.
This does not hold true for Phoenix apps. For reasons beyond my understanding, Phoenix apps do not know their context and thus the user needs to tell mix that the new app will be inside an umbrella project.
This is confusing to me. Sometimes mix is smart enough to know, other times, it isn’t. I don’t know which times it knows and which times it doesn’t.
So, to conclude, given the original questions:
- Wrong. Mix detects umbrella projects when creating normal apps. When creating Phoenix apps, it detects nothing. The user must use
mix phx.new.web. It is unclear when Mix is able to detect umbrella apps and when its not. --liveflag is now default and not needed.- Because I was creating the Phoenix app with an incorrect assumption and thus using the incorrect command.
Also Liked
l00ker
This is possibly a long shot, but I noticed the mix command you used to install the web_interface was: mix phx.new web_interface ....
You should use mix phx.new.web, mix phx.new.ecto, or mix new when installing a new app in the apps directory of an umbrella project.
When using mix phx.new.web a config/ directory will not be created in the root of the new app. It will be set up to share config directory at the root of the umbrella project.
Could that be the issue?
Popular in Questions
Other popular topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Phoenix, LiveView, multimedia pipelines, distributed systems. 400 engineers, Elixir since 2017. Available for hire.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #deployment
- #library
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #channels
- #elixirconf
- #exunit
- #discussion
- #code-sync
- #javascript
- #podcasts
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixir-ls
- #phoenix_html
- #iex
- #blog-post
- #graphql
- #genstage
- #ai
- #websockets
- #supervisor
- #elixirconf-us
- #advent-of-code
- #distillery
- #processes
- #forms
- #api
- #metaprogramming
- #hex
- #security
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Error tracking for Elixir devs who love to ship. Start your free account.
Develop your skills with books, videos, and courses.
Enabling companies to succeed by building software people love.
The deployment platform built for Elixir: PaaS ease, VPS control.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"