css and heex files not being rebuilt by Phoenix live-reload

[brennannewton]

Hi,

I'm working in Phoenix, and I'm having trouble with live-reload. After some research, it seems like tailwind isn't watching properly. When I save a css or heex file, the terminal should say something like:

Rebuilding...

Done in 1579ms.
[debug] Live reload: priv/static/assets/app.css

However, I see nothing.

---

Here's what I got:

OS	Windows 11
Terminal	Ubuntu 20.04 (running in VS Code)
Tailwind	3.3.2

I followed the Phoenix hexdocs project setup and ran apt-get install inotify-tools

I have this in my config.exs file

config :tailwind,
  version: "3.3.2",
  default: [
    args: ~w(
      --config=tailwind.config.js
      --input=css/app.css
      --output=../priv/static/assets/app.css
    ),
    cd: Path.expand("../assets", __DIR__)
  ]

I have this in my dev.exs file

config :aether, AetherWeb.Endpoint,
  ...
  watchers: [
    esbuild: {Esbuild, :install_and_run, [:default, ~w(--sourcemap=inline --watch)]},
    tailwind: {Tailwind, :install_and_run, [:default, ~w(--watch)]}
  ]
...
config :aether, AetherWeb.Endpoint,
  live_reload: [
    patterns: [
      ~r"priv/static/.*(js|css|png|jpeg|jpg|gif|svg)$",
      ~r"priv/gettext/.*(po)$",
      ~r"lib/aether_web/(controllers|live|components)/.*(ex|heex)$"
    ]
  ]

Any ideas?