TS报错：Type 'string'无法分配给类型'ReviewsKeyType'原因咨询

架构老林

2026-8-30

报错原因

这个问题本质是TS的*字面量类型拓宽（Literal Type Widening）*机制，加上少数场景下上下文类型推断没生效导致的：

你代码里写的'ONE'这类字符串字面量，在没有明确类型约束的时候，TS会默认把它的类型从精确的字面量类型'ONE'拓宽成通用string类型
你贴的代码虽然给ROUTES标了IReviewsRoute[]类型，正常情况下上下文类型会约束key的类型，不会触发拓宽。如果还是报这个错，基本是两个原因：要么你实际代码里是先写了没标类型的数组，TS已经把key推导成string之后才赋值给IReviewsRoute[]类型的变量；要么是TS服务缓存异常、类型导入有问题（比如循环导入、路径写错），导致没识别到ReviewsKeyType的字面量约束。

解决方法

按顺序试就行：

给字面量加as const阻止类型拓宽，这是最常用的解法，明确告诉TS这个值是固定的精确类型，不要拓宽成string：

const ROUTES: IReviewsRoute[] = [
  {
    key: 'ONE' as const,
    number: 1
  },
  {
    key: 'TWO' as const,
    number: 2
  },
  {
    key: 'THREE' as const,
    number: 3
  },
  {
    key: 'FOUR' as const,
    number: 4
  },
  {
    key: 'FIVE' as const,
    number: 5
  }
];

如果用的是TS 4.9以上版本，更推荐用satisfies做类型校验，既能保留精确类型，又不会强制拓宽：

const ROUTES = [
  { key: 'ONE', number: 1 },
  { key: 'TWO', number: 2 },
  { key: 'THREE', number: 3 },
  { key: 'FOUR', number: 4 },
  { key: 'FIVE', number: 5 },
] as const satisfies readonly IReviewsRoute[];

排查类型和服务问题：先确认ReviewsKeyType、IReviewsRoute的导入路径正确，不存在循环依赖；如果导入没问题就重启TS服务，VS Code里按快捷键调出命令面板，搜TypeScript: Restart TS Server执行就行，很多莫名其妙的类型报错都是TS缓存导致的。