#CSS Not Loading in Remix app

1 messages · Page 1 of 1 (latest)

brave musk
#

Hello,

I am building an app but I am encountering an issue where my styles do nothing. I have a style sheet at app/styles/example.css, i load it into routes/app.example.jsx as such:

import exampleStyles from '~/styles/example.css'
export const links = () => { return [{ rel: 'stylesheet', href: exampleStyles }]

However the styles never take affect.

I have looked at the remix docs, but they use typescript in the example, including importing import type { LinksFunction } from "@remix-run/node";

Obviously I am not using typescript but they don't seem to have a recent jsx example, I can only see jsx examples from older versions of Remix.

When i console.log the links example from my route file i get this:

Links: () => { return [{ rel: "stylesheet", href: example_default }]

Although I am unsure if that is actually helpful.

Thanks for any help on this.

brave musk
#

Seems this is a Shopify Polaris issue rather than a Remix issue, it seems I can put a className with results on any other element but not on Polaris components