Deno•13mo ago

Is it possible to import styles and use them in a Typescript React component when using Vite+Deno?

deno check

deno check

always complains when I try to do things like

import { styles }  from './MyComponent.module.css'

import { styles } from './MyComponent.module.css'

import { styles }  from './MyComponent.module.css'

import { styles } from './MyComponent.module.css' and then use them like

className={styles.myHeader}

className={styles.myHeader}

className={styles.myHeader}

className={styles.myHeader}.

When I do

import * as styles from './MainHeader.module.css'

import * as styles from './MainHeader.module.css'

import * as styles from './MainHeader.module.css'

import * as styles from './MainHeader.module.css' it stops complaining about the import but then complains when I use properties like

className={styles.myHeader}

className={styles.myHeader}

className={styles.myHeader}

className={styles.myHeader} and says that

myHeader

myHeader

myHeader

myHeader doesn't belong there.

This is for CSS modules but I guess I'd have the same issue without modules, as long as I try to access properties in component.

The app can work thanks to vite but not without deno linter /

deno check

deno check

issues.

I've tried to add things like this but it didn't help in the end.

declare module "*.module.css" {
  export const styles: {
    readonly [key: string]: string
  }
}

declare module "*.module.css" {
  export const styles: {
    readonly [key: string]: string
  }
}

declare module "*.module.css" {
  export const styles: {
    readonly [key: string]: string
  }
}

declare module "*.module.css" {
  export const styles: {
    readonly [key: string]: string
  }
}

Is there officially no way to make this work without linter issues?

No replies yetBe the first to reply to this messageJoin

Is it possible to import styles and use them in a Typescript React component when using Vite+Deno?

Similar Threads

Similar Threads

Similar Threads