Failed to import - `/_virtual/esm.sh/v134/tailwindcss@3.3.5/denonext/css/preflight.css`

[marvinhagemeister]

Failing module

• GitHub: https://github.com/tailwindlabs/tailwindcss
• npm: https://www.npmjs.com/package/tailwindcss

import postcss from "npm:postcss@8.4.31";
import tailwindCss from "https://esm.sh/tailwindcss@3.3.5";

const res = await postcss([
  tailwindCss({
    content: [{ raw: '<div class="font-bold">', extension: "html" }],
  }) as any,
]).process(".foo { color: red }", { from: undefined });

console.log(res);

Run the above code with deno run -A myfile.ts

Error message

After running deno run I got this:

Uncaught NotFound: No such file or directory (os error 2): readfile '/_virtual/esm.sh/v134/tailwindcss@3.3.5/denonext/css/preflight.css'

It seems like a __dirname variable is rewritten incorrectly. The path should point at /denonext/lib/css/preflight.css instead of /denonext/css/preflight.css.

Additional info

• esm.sh version: 134
• Deno version: 1.38.5

[Ducky07]

Bump for 2024 I'd love to use tailwindcss with my own deno/fresh projects with esm rather than having to get tailwindcss from npm. Everything else I already use can be contained within the esm ecosystem, tailwindcss is the only thing I have to get through npm right now.

[ije]

i will check！