solid-start icon indicating copy to clipboard operation
solid-start copied to clipboard

[Bug?]: Type error when adding Tailwind Vite plugin

Open mintydev789 opened this issue 10 months ago • 4 comments

Duplicates

  • [x] I have searched the existing issues

Latest version

  • [x] I have tested the latest version

Current behavior 😯

I get this type error when adding the tailwindcss() Vite plugin using the default project setup (I used Deno though, but probably shouldn't matter).

Image

Expected behavior 🤔

No response

Steps to reproduce 🕹

Steps:

  1. Create new project with the recommended Deno setup: deno run -A npm:create-solid. Use the solid start basic template with Typescript (keep in mind that the official setup hangs after it finishes, requiring Ctrl+Z to exit; this is probably also a bug).
  2. deno add --allow-scripts npm:tailwindcss
  3. Add this to the config object in app.config.ts:
  vite: {
    plugins: [
      tailwindcss(),
    ],
  },

Context 🔦

No response

Your environment 🌎


mintydev789 avatar Feb 28 '25 19:02 mintydev789

I just tested this our on my machine and seemed like it worked. It could be deno tho. Could you provide reproduction steps?

brenelz avatar Mar 04 '25 03:03 brenelz

I just tested this our on my machine and seemed like it worked. It could be deno tho. Could you provide reproduction steps?

@brenelz added steps to reproduce above

mintydev789 avatar Apr 12 '25 09:04 mintydev789

I am having the exact same issue. It seems like the vite version is too new. I am using bun.

yamada-sexta avatar Oct 18 '25 05:10 yamada-sexta

I tried it again with NPM, and it has the same issue. I eventually got it working with pnpm, which is not ideal.

yamada-sexta avatar Oct 18 '25 05:10 yamada-sexta