tailwindcss icon indicating copy to clipboard operation
tailwindcss copied to clipboard

Tailwind Standalone Throwing Caniuse Browserlist Error When Running Without Tailwind CLI

Open RockyWearsAHat opened this issue 3 weeks ago • 1 comments

Tailwind is throwing a caniuse/browserslist outdated issue without using the CLI:

To repeat the issue:

1: Open a project, npm init -y => npm i -D tailwindcss 2: Initialize tailwind with npx tailwindcss init, and set up tailwind input file in current directory (input.css): @tailwind base; @tailwind components; @tailwind utilities; 3: Set up start command: "start": "npx tailwindcss -i ./input.css -o ./output.css --watch", 4: That's it, error is

Browserslist: caniuse-lite is outdated. Please run: npx update-browserslist-db@latest Why you should do it regularly: https://github.com/browserslist/update-db#readme

This error doesn't happen with the tailwindcss-cli installed, running npx update-browserslist-db@latest does not fix it. I think it has to do with the bundle of tailwind, if the cli needs to be installed it should be updated on the docs, ideally though there shouldn't really need to be another package installed for it to work standalone. Stuff still rebuilds and it updates the classes fine without the CLI, but the error is everlasting without it.

Screenshot 2024-04-26 at 1 08 29 AM

RockyWearsAHat avatar Apr 26 '24 07:04 RockyWearsAHat

After installing the tailwindcss-cli the error magically vanishes, even though the commands remain the same:

Screenshot 2024-04-26 at 1 10 02 AM

RockyWearsAHat avatar Apr 26 '24 07:04 RockyWearsAHat