Hey! I updated and mix assets.deploy worked and the Docker image was able to be built. Thanks for making the changes!
After the update, everything continued to work fine in dev mode, but I ran into a few more issues with the deployed application. Here they are in the order I found them in the logs and the changes I made to fix them:
(UndefinedFunctionError) function Mix.env/0 is undefined (module Mix is not available)
The function dev_env?/0 was being invoked in the *.html.heex files, which was causing the error. In the layouts module e.g. myapp_web/components/layouts.ex I added a module attribute so that the environment would be remembered at compile time:
- def dev_env? do
- Mix.env() == :dev
- end
# Remember value at compile time since Mix is
# not available at runtime
+ @env Mix.env()
+ def dev_env?, do: @env == :dev
vite_manifest.jsonno such file or directory error
In my server logs, I was seeing
(File.Error) could not read file "priv/static/assets/vite_manifest.json": no such file or directory
I shelled into the Docker container to see if the assets were being generated. They were being generated so I checked out the PhxManifestReader module. I noticed that do_read/1 was using current_env/0. I think the issue was this line
Application.get_env(:exinertia_demo, :env, Vite.default_env())
I think this was returning nil in production, but I’m not positive. Anyway, in config.exs I added config_env/0 so that the config file would know what environment mix release was run in
config :exinertia_demo,
ecto_repos: [ExinertiaDemo.Repo],
+ env: config_env(),
generators: [timestamp_type: :utc_datetime_usec, binary_id: true]
- 404 for
*.jsfiles
After the vite_manifest was read correctly, the webpages would finally load, but no *.js files could be found. As a result, pages rendered by Inertia.js were blank. I checked the source and logs and saw:
<script type="module" crossorigin="" defer="" phx-track-static="" src="/app.CR82hMY-.js">
</script>
03:12:12.408 request_id=GCMIxx8X9K92UAIAAArB [info] GET /app.CR82hMY-.js
03:12:12.408 request_id=GCMIxx8X9K92UAIAAArB [info] Sent 404 in 189µs
CSS was working fine and I noticed /assets/ was missing on the src path. I’m not sure if it was supposed to be prepended after being read in PhxManifestReader, but I just updated the src for the layouts and prepended assets using string interpolation. I’m not sure if the other attributes on the script tag e.g. crossorigin, defer, are supposed to be something other than an empty string, but everything seems to be working right now.
- src={Vite.Manifest.main_js()}>
+ src={"/assets/#{Vite.Manifest.main_js()}"}
I have the code up on Github here and the demo app is running at https://exinertia-demo.skyturtle.io. I just added a default layout and a couple links to show prefetch.Thanks again for making this toolkit. I hope the the feedback helps. Please let me know if there is anything else I can clarify.
Also, any chance you have any examples of using the typed Routes module in a full code example or how to get SSR working for prod? If not, no worries. Thanks again!
