[V4] Module dection not working in solid start

[feledori]

What version of Tailwind CSS are you using?

v4.0.0-alpha.7

What build tool (or framework if it abstracts the build tool) are you using?

vite@5.1.5, vinxi@0.3.10

What version of Node.js are you using?

v20.11.1

What browser are you using?

Chrome

What operating system are you using?

macOS

Reproduction URL

Stackblitz Repro

Sadly not startable in a webcontainer as it can't load native addons but this is the minimal repro.

Describe your issue

As the new vite plugin analyzes the module graph it can't detect solid starts routes. Because solid supplies a FileRoutes component which determines what to display. This probably won't notify tailwind plugin about the files. You can see in the repro that Nav gets styled as it is directly imported, but anything in routes which gets added during compile won't be styled.

[feledori]

Maybe a config for the vite plugin could solve this. Like suppling an options object:

{
 "outsideModuleGraph": "./src/routes/**/*.{ts,tsx,js,jsx}"
}

[oddcelot]

I tried a few things today with similar issues. The main one being the error:

Caution

Could not find css module ${pathToCssFileWhereTailwindIsImported}
(which is rendered multiple times)
This tends happen on initial start of the server.

When editing the file where tailwind is imported it seems the module is invalidated and the tailwind styles are applied.
Even when not having any tw-specific classes in one of the routes, the preflight should be at least applied, right?
This is not happening for me either.

Might this also be an issue with vinxi? (noticed server.moduleGraph is null at start, which might be a execution timing issue 🤷‍♂️)

tailwindcss/packages/@tailwindcss-vite/src/index.ts

Line 25 in 388d1b0

let cssModule = server.moduleGraph.getModuleById(id)

[oddcelot]

Small update
The error Could not find css module ${pathToCssFileWhereTailwindIsImported} seems fixed with 8123fa5 in v4.0.0-alpha.8

[AirBorne04]

Just made the suggested change @oddcelot and the styling issue is gone.