rabbit_rabbit•16mo ago

Tailwind nonfunctional on fresh-update from 1.3.1 -> 1.4.3

After running deno run -A -r https://fresh.deno.dev/update . on my project, the tailwind styles don't appear functional. My imports section looks like so

  "imports": {
    "$fresh/": "https://deno.land/x/fresh@1.4.3/",
    "kysely": "https://cdn.jsdelivr.net/npm/kysely/dist/esm/index.js",
    "kysely/": "https://cdn.jsdelivr.net/npm/kysely/dist/esm/",
    "kysely-deno-postgres": "https://deno.land/x/kysely_deno_postgres@v0.4.0/mod.ts",
    "preact": "https://esm.sh/preact@10.15.1",
    "preact/hooks": "https://esm.sh/preact@10.15.1/hooks",
    "preact/": "https://esm.sh/preact@10.15.1/",
    "preact-render-to-string": "https://esm.sh/*preact-render-to-string@6.2.1",
    "@preact/signals": "https://esm.sh/*@preact/signals@1.1.3",
    "@preact/signals-core": "https://esm.sh/*@preact/signals-core@1.2.3",
    "fresh_session": "https://deno.land/x/fresh_session@0.2.2/mod.ts",
    "redis": "https://deno.land/x/redis@v0.30.0/mod.ts",
    "std/": "https://deno.land/std@0.202.0/",
    "dotenv": "https://deno.land/x/dotenv@v3.2.2/load.ts",
    "twind": "https://esm.sh/twind@0.16.19",
    "twind/": "https://esm.sh/twind@0.16.19/",
    "csv": "https://deno.land/x/csv@v0.9.2/mod.ts"
  },

  "imports": {
    "$fresh/": "https://deno.land/x/fresh@1.4.3/",
    "kysely": "https://cdn.jsdelivr.net/npm/kysely/dist/esm/index.js",
    "kysely/": "https://cdn.jsdelivr.net/npm/kysely/dist/esm/",
    "kysely-deno-postgres": "https://deno.land/x/kysely_deno_postgres@v0.4.0/mod.ts",
    "preact": "https://esm.sh/preact@10.15.1",
    "preact/hooks": "https://esm.sh/preact@10.15.1/hooks",
    "preact/": "https://esm.sh/preact@10.15.1/",
    "preact-render-to-string": "https://esm.sh/*preact-render-to-string@6.2.1",
    "@preact/signals": "https://esm.sh/*@preact/signals@1.1.3",
    "@preact/signals-core": "https://esm.sh/*@preact/signals-core@1.2.3",
    "fresh_session": "https://deno.land/x/fresh_session@0.2.2/mod.ts",
    "redis": "https://deno.land/x/redis@v0.30.0/mod.ts",
    "std/": "https://deno.land/std@0.202.0/",
    "dotenv": "https://deno.land/x/dotenv@v3.2.2/load.ts",
    "twind": "https://esm.sh/twind@0.16.19",
    "twind/": "https://esm.sh/twind@0.16.19/",
    "csv": "https://deno.land/x/csv@v0.9.2/mod.ts"
  },

Any ideas what might be going on? Thanks in advance!

4 Replies

Deno AI Helper•16mo ago

I'm sorry to hear that you're having trouble with Tailwind styles after updating your Fresh project. Based on the documentation, there are a few things we can check: 1. Check your main.ts file: Ensure that you're importing the Twind plugin and adding it to the plugins array. This is necessary for using Twind with Fresh. 2. Check your Twind usage: The documentation mentions that the Twind plugin removes many unnecessary uses of the tw function and unnecessary Twind imports. Make sure your code aligns with this. 3. Check your twind.config.ts file: If you use a custom configuration, you might need to manually update this file. 4. Check for errors: Are there any error messages in the console when you run your project? These could provide clues about what's going wrong. If you've checked all of these and you're still having issues, it might be helpful to provide more information about how you're using Twind in your project. For example, are you using it in a specific component or across your entire project? Are there specific styles that aren't working, or is it all styles? This could help us narrow down the issue. 🦕

Helpful Links: Updating Fresh | Fresh docs Fresh 1.1 - automatic JSX, plugins, DevTools, and more Fresh 1.2 – welcoming a full-time maintainer, sharing state between islands, limited npm support, and more Deno 1.30: Built-in Node modules

ioB•16mo ago

@marvinh. is this the dev/main mismatch?

marvinh.•16mo ago

very likely, I should really cutch a new patch release

iuioiua•15mo ago

I may’ve had the same issue recently