satb

satb

Phoenix 1.8 upgrade Tailwind issues

While upgrading an older phonix 1.7 app to the newer phoenix 1.8, I am running into an issue with the new tailwind css config

mix assets.build

13:45:27.039 [debug] Downloading tailwind from https://github.com/tailwindlabs/tailwindcss/releases/download/v4.1.7/tailwindcss-macos-x64

≈ tailwindcss v4.1.

Error: Can't resolve 'tailwindcss/base' in '/Users/satb/projects/myproj/assets/css'

I checked all places where I could. Can’t find which part of the upgrade I am missing.

mix.exs:

project section:

 compilers: [:phoenix_live_view] ++ Mix.compilers(),
 listeners: [Phoenix.CodeReloader]

deps section:

{:tailwind, "~> 0.3", runtime: Mix.env() == :dev},

aliases section:
"assets.deploy": [
        "tailwind myproj --minify",
        "esbuild myproj --minify",
        "phx.digest"
      ],

config.exs:

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

I fixed the app.css file and copied the new version into it.

app.css at the top now:

@import "tailwindcss" source(none);
@source "../css";
@source "../js";
@source "../../lib/myproj_web";

Tried removing the tailwind.config.js file also and removing that option in mix.exs but made no difference.

What else is missing? Any help?

Most Liked

syepes

syepes

Have a look at phoenixdiff.org this can help you check that other files need to be modified

jdiago

jdiago

Sometimes, turning it off and on again fixes things… lol

Where Next?

Popular in Questions Top

joaquinalcerro
Hi there, I am working with Ecto-Postgresql and I need to call all of the records from a specific table but the table has 40,000 records...
New
jononomo
I am trying to figure out how Mix knows whether the environment is test, dev, or prod – where is this set? Thanks.
New
Emily
I have VueJS GUIs with the project generated using Webpack. I have Elixir modules that will need to be used by the VueJS GUIs. I forese...
New
Lily
In templates/appointment/index.html.eex: <%= for appointment <- @appointments do %> <tr> <td><%= appoi...
New
belgoros
I’m not a pro in using Regex and can’t figure out why the following behaviour happens, especially if we take into account the difference ...
New
freewebwithme
Using vs code and installed ElixirLS: support and debugger. And I got an error popped up on start up says Failed to run ‘elixir’ comma...
New
romenigld
I am trying to run a deploy with docker and I successfully runned with this command: docker build -t romenigld/blog-prod . but when I t...
New

Other popular topics Top

nobody
Hi! In PHP: $_SERVER[‘SERVER_ADDR’] - in Elixir? Searched the docs for ip address and the web, no good results. Thanks!
New
joaquinalcerro
Hi there, I am working with Ecto-Postgresql and I need to call all of the records from a specific table but the table has 40,000 records...
New
JakeBecker
TL;DR: I’ve just released an implementation of Microsoft’s IDE-independent Language Server Protocol for Elixir. It adds language support ...
1144 54921 245
New
lanycrost
Hi everyone! I need implement if…else if…else condition from my elixir code, and anymore of this control flow structures not work proper...
New
joeerl
Hello again - after a longish gap I’ve decided I really must dig into Elixir and see what’s been happening here - so I have a few questio...
New
jason.o
In the code below, if the create action is not set to accept “extra_key” as an input, it errors out with a message shown above. Is there ...
New

We're in Beta

About us Mission Statement