Vanilla extractor styles are not being applied

[Lucas-Eduardo-Goncalves]

What version of Remix are you using?

1.11.1

Are all your remix dependencies & dev-dependencies using the same version?

• Yes

Steps to Reproduce

// Clone the repository
git clone git@github.com:Lucas-Eduardo-Goncalves/remix_template.git

// Install the packages
npm install or yarn

// Run the application
npm run dev or yarn dev

Expected Behavior

The application in the path ./app/models/notProtect/HomeModel/view should generate the styles for the tag <Div/>, which is in the route http://localhost:3000/.

Actual Behavior

The remix is ​​generating the class for the component but not generating the css.

(ps: This also happens when trying to use a globalStyle, but I managed to solve this error by putting the globalStyle function inside a file that exports some kind of style inside a variable)

[markdalgleish]

Thanks for the bug report! This looks like the same issues as #5270. This is an issue with esbuild (evanw/esbuild#1370) which has been triggered by your use of export * in app/models/notProtect/index.ts. As a workaround you can use named re-exports instead:

-export * from "./HomeModel";
+export { HomeModel } from "./HomeModel";

I'm closing this as a duplicate, but you can follow further developments in #5270.

The other issue you mentioned about tree-shaking of globalStyle was fixed in #5246 which will be in the next Remix release.