When opening the inspector it appears none of my css files are being loaded. is empty, except for a polyfills.js script. So all styling of the layout.tsx is also missing.

When I implement a `app/not-found.tsx` file styling (tailwind) doesn't work.

Unanswered

Southern yellowjacket posted this in #help-forum

Southern yellowjacketOP

2024-02-13T10:05:45.000Z

When opening the inspector it appears none of my css files are being loaded. <head> is empty, except for a polyfills.js script. So all styling of the layout.tsx is also missing.

3 Replies

@Southern yellowjacket When opening the inspector it appears none of my css files are being loaded. `<head>` is empty, except for a `polyfills.js` script. So all styling of the `layout.tsx` is also missing.

joulev

2024-02-13T10:07:05.000Z

please show a reproduction repository

Southern yellowjacketOP

2024-02-13T10:26:49.000Z

I dont have a public repo at hand, but I figured out that when I put 'use client' in the top of my not-found.tsx along with again importing my ../styles/globals.css which contains the tailwind imports it works. Somehow this feels backwards to me, since my layout gets loaded and is importing that as well.

joulev

2024-02-13T10:36:21.000Z

That is indeed weird, if the layout wrapping not-found imports the css it should work.

A structure like this wonâ€™t work, however

app/
  layout.tsx <- css is not imported here
  not-found.tsx
  (whatever)/
    layout.tsx <- css is imported here