Integrating epic-stack with vanilla-extract

[MoSattler]

Hello,

Has anyone successfully integrated the epic-stack with vanilla-extract as described in the remix docs?

Facing this issue:

import { button } from "./styles.css";

Error:

Module '"*.css"' has no exported member 'button'. Did you mean to use 'import button from "*.css"' instead?ts(2614)

Any suggestions would be appreciated. Thanks.

[kentcdodds]

Hi!

You'll need to add the .ts file extension.

[MoSattler]

Hi @kentcdodds ,

Thank you for the quick answer.

I double checked the remix docs regarding Vanilla Extract. It explicitly states to omit the .ts during imports:

import * as styles from "./styles.css"; // Note that `.ts` is omitted here

Given this, I just want to double-check: is adding the .ts extension indeed the recommended solution?

[kentcdodds]

Yeah, in this repo we're using native ESM which requires the extension. They only have the comment there because otherwise people may be confused and think they were importing a CSS file