61 lines
2.1 KiB
Markdown
61 lines
2.1 KiB
Markdown
# UTS 类型错误修复总结
|
||
|
||
## 错误详情
|
||
在教师仪表板中遇到以下 UTS 编译错误：
|
||
|
||
### 1. 类型推断错误
|
||
```
|
||
error: 类型不匹配: 推断类型是Any，但预期的是Boolean。
|
||
```
|
||
**原因**: `assignmentStatsResponse.data` 的类型检查使用了不明确的布尔判断
|
||
**修复**: 使用明确的 `!= null` 比较
|
||
|
||
### 2. Filter 函数类型错误
|
||
```
|
||
error: Type expected
|
||
error: Unexpected tokens (use ';' to separate expressions on the same line)
|
||
```
|
||
**原因**: UTS 不支持在 filter 回调函数中使用内联类型注解 `(a: {id: string, status: string})`
|
||
**修复**: 移除内联类型注解，让 UTS 自动推断类型
|
||
|
||
## 修复方案
|
||
|
||
### 修复前
|
||
```typescript
|
||
// 错误的写法
|
||
if (assignmentStatsResponse.data) { // 类型推断为 Any
|
||
const completedAssignments = assignments.filter((a: {id: string, status: string}) => a.status === 'completed').length // 内联类型注解错误
|
||
}
|
||
```
|
||
|
||
### 修复后
|
||
```typescript
|
||
// 正确的写法
|
||
if (assignmentStatsResponse.data != null) { // 明确的 null 检查
|
||
const completedAssignments = assignments.filter(a => a.status == 'completed').length // 自动类型推断
|
||
}
|
||
```
|
||
|
||
## 关键修复点
|
||
|
||
1. **明确的 null 检查**: 使用 `!= null` 而不是隐式布尔转换
|
||
2. **移除内联类型注解**: 在 filter/map 等回调函数中让 UTS 自动推断类型
|
||
3. **使用 executeAs<T>()**: 确保数据类型在源头就是强类型的
|
||
4. **UTS 兼容的比较操作**: 使用 `==` 而不是 `===`
|
||
|
||
## 类型安全保证
|
||
|
||
通过以下方式确保类型安全：
|
||
- 在 `executeAs<T>()` 中定义明确的返回类型
|
||
- 响应式数据使用强类型定义 (`TeacherStats`, `Activity`)
|
||
- 避免 UTS 不支持的 TypeScript 高级语法
|
||
|
||
## 最佳实践
|
||
|
||
1. **类型定义优先**: 先定义清晰的类型结构
|
||
2. **让 UTS 推断**: 避免过度的内联类型注解
|
||
3. **明确的 null 检查**: 使用显式比较而不是隐式转换
|
||
4. **兼容性优先**: 使用 UTS 支持的语法特性
|
||
|
||
这次修复完全解决了类型系统相关的编译错误，确保代码既类型安全又 UTS 兼容。
|