From 7dfdb029e72d6128168f60552c43b05a50a49776 Mon Sep 17 00:00:00 2001 From: Artem Zakharchenko Date: Thu, 26 Sep 2024 14:42:49 +0200 Subject: [PATCH] use "?url" suffix in "tailwind.css" import (Remix) (#4945) Importing `tailwind.css` is incorrect as it will treat that file as a CSS Module, throwing that it has no `default` export. Instead, the tutorial relies on the import returning a _URL_ to the stylesheet. Adding `?url` to the import specifier is the way to go. --- apps/www/content/docs/installation/remix.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/www/content/docs/installation/remix.mdx b/apps/www/content/docs/installation/remix.mdx index 6ac9ac815..170d20a8a 100644 --- a/apps/www/content/docs/installation/remix.mdx +++ b/apps/www/content/docs/installation/remix.mdx @@ -78,7 +78,7 @@ export default { In your `app/root.tsx` file, import the `tailwind.css` file: ```js {1, 4} -import styles from "./tailwind.css" +import styles from "./tailwind.css?url" export const links: LinksFunction = () => [ { rel: "stylesheet", href: styles },