Vitest UI无法显示覆盖率按钮？配置与命令问题排查

问题场景 #

• Vite项目已配置Vitest UI与覆盖率报告相关设置
• 执行命令 vitest --ui --coverage.enabled=true 时，Vitest UI加载正常，但无覆盖率报告按钮
• 执行 npx vite preview --outDir ./html 时，可正常看到覆盖率按钮

解决方案 #

将Vitest UI启动命令调整为 vitest --ui --coverage，建议在项目的package.json中配置对应的脚本：

{
  "scripts": {
    "test:ui": "vitest --ui --coverage"
  }
}

执行该脚本后，Vitest UI中即可正常显示覆盖率报告按钮。此问题系Vitest后续补丁修复了参数传递相关问题所致。

内容的提问来源于stack exchange，提问作者medev21