MUI5 theme aware sx prop搭配TypeScript时是否有类型校验？如何确认？

是否会触发类型校验 #

按照MUI5官方规范配置的TypeScript开发环境，默认会对sx属性中调用的theme aware相关属性做类型校验。如果是通过createTheme方法创建的自定义主题，你自行扩展的主题字段也会被自动纳入校验范围。

验证类型校验生效的具体方式 #

• 传入非法属性值测试：在sx中填写不符合主题预设范围的属性值，比如将bgcolor赋值为不存在的主题色字段primary-test，如果类型校验生效，IDE会直接对错误值标红，提示该值不在Palette的合法取值范围内。
• 测试自定义字段的拼写校验：如果你在自定义主题中扩展了专属字段，比如新增了cardRadius配置，在sx中引用时故意拼写错误为theme.cardRadiuss，类型校验生效的情况下，IDE会立即提示「Theme类型上不存在cardRadiuss属性」的报错。
• 类型定义跳转验证：在IDE中按住Ctrl（Mac系统按住Command）点击sx中引用的theme属性，比如theme.spacing(2)、theme.palette.primary.main，如果可以直接跳转到MUI默认主题或你自定义主题的类型定义位置，说明类型校验链路正常。
• 执行TS编译命令校验：在项目终端运行tsc --noEmit命令，如果sx内的theme相关调用存在类型错误，终端会输出对应错误日志，不会跳过该类问题。

小提示：如果发现类型校验未生效，优先检查项目tsconfig.json是否开启了strict模式，同时确认你没有给sx属性强制指定any类型覆盖原生校验规则。

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