Build Error: CSS Import

[mliebold]

I'm going through the Remix Jokes tutorial and once I add the styling

import type { LinksFunction } from "@remix-run/node";

import stylesUrl from "~/styles/index.css";

export const links: LinksFunction = () => [
  { rel: "stylesheet", href: stylesUrl },
];

the project will no longer build and will throw the following error: "Error [RollupError]: app/routes/_index.tsx (3:7): "default" is not exported by "app/styles/index.css", imported by "app/routes/_index.tsx"."

As soon as I remove the

export const links: LinksFunction = () => [
  { rel: "stylesheet", href: stylesUrl },
];

It will build again.

Why is Remix expecting a default export from a CSS file?

[mliebold]

Nvm, found the solution here 😅