自动引入的组件，dev环境下有些样式没有被插入到html中

[NotGeekAtAll]

Describe the bug

vite.config配置

import Components from 'unplugin-vue-components/vite';

export default defineConfig({
...
Components({}), // 自动引入根目录下components文件下的组件
...
})

我有一个RangeInput的组件，已经被引入了，如图

但是样式并没有被插入到html中，别的组件的样式都有被插入进去并生效

目录结构

Reproduction

none

System Info

System:
    OS: Windows 10 10.0.19044
    CPU: (12) x64 11th Gen Intel(R) Core(TM) i5-11500 @ 2.70GHz
    Memory: 11.85 GB / 31.73 GB
  Binaries:
    Node: 18.20.4 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.22 - C:\Program Files\nodejs\yarn.CMD
    npm: 10.7.0 - C:\Program Files\nodejs\npm.CMD
    pnpm: 9.6.0 - C:\Program Files\nodejs\pnpm.CMD
  Browsers:
    Edge: Spartan (44.19041.1266.0), Chromium (127.0.2651.74)
    Internet Explorer: 11.0.19041.1566

Used Package Manager

npm

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• The provided reproduction is a minimal reproducible of the bug.