Vue3升级：Vuetify中blue--text等未定义样式类问题排查

• 那些blue--text、black--text类是Vuetify内置的颜色辅助类，和Stylus没关系。旧项目里生效是因为Vuetify会自动生成这类带--text后缀的类，用来设置文本颜色，对应的.blue、.black是背景/边框色类。
• 新项目里没效果，大概率是Vuetify 3的样式没正确引入。Vue3+Vuetify3的样式导入方式和旧版本不同，得确保在项目入口（比如main.js/main.ts）里正确导入Vuetify的样式文件。
• 要找这类类的定义：
  • 去本地node_modules/vuetify/src/styles目录下找，颜色相关的逻辑在colors文件夹里，里面的mixin和变量文件会生成这些颜色辅助类。
  • 也可以直接看Vuetify源码里的样式生成部分，核心是通过颜色变量自动衍生出文本色类。
• 你复制的.blue类是背景色类，和blue--text是一套的，新项目里没看到blue--text就是因为Vuetify样式没加载全，不是Stylus的问题。

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