eslint ts(2614) error occurs when using css module

[Mr-Nobody-li]

eslint ts(2614) error Module '"*.module.scss"' has no exported member 'xxx' occurs when using css module
how to reslove that ?

I am using css module to provide class for my tsx code. This is my vite.config.ts.
You can see that I have configured localsConvention: 'camelCaseOnly' to use tree-shaking

export default defineConfig({
  css: {
    modules: {
      localsConvention: 'camelCaseOnly'
    }
  }
})

This is my .vue file. I imported the class declared in .module.css file

<script lang="tsx" setup>
import { greenStatus } from '@/styles/modules/table-column.module.scss'
</script>

Then I got an error report from the ts (by the way, the code works, just got a ts error)

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

[motionrus]

update your package.json

npm install -D typescript-plugin-css-modules