VSCode显示TypeScript报错但Redux Toolkit代码可正常编译运行

在项目中结合TypeScript使用react-redux时，在Slice内部定义reducer的场景下，VSCode会显示TypeScript相关错误提示，但代码实际可正常编译，所有功能运行均无异常，无法明确错误触发原因，寻求可行解决方案。

//counterSlice.ts
import { createSlice, PayloadAction } from '@reduxjs/toolkit'

export interface CounterState {
  value: number
}

const initialState: CounterState = {
  value: 0
}

export const counterSlice = createSlice({
  name: 'counter',
  initialState,
  reducers: {
    incrementByAmount: (state, action: PayloadAction<number>) => {
      state.value += action.payload
    }
  }
})

export const { incrementByAmount } = counterSlice.actions

export default counterSlice.reducer

该错误是VSCode内置TypeScript类型服务与项目本地类型校验环境不一致导致的，上述代码完全符合Redux Toolkit的TypeScript编写规范，这也是编译、运行都没有异常的核心原因。按以下步骤操作即可消除IDE报错：

• 切换VSCode使用的TypeScript版本为工作区本地版本
  按下快捷键Ctrl+Shift+P（macOS系统按Cmd+Shift+P）调出命令面板，搜索并执行TypeScript: Select TypeScript Version，在弹出的选项中选择Use Workspace Version。不要使用VSCode自带的全局TypeScript版本，避免内置版本和项目依赖的Redux Toolkit类型定义存在兼容差。
• 清理缓存重启TS服务
  如果切换版本后报错仍然存在，先删除项目目录下的node_modules文件夹、tsconfig.tsbuildinfo类型缓存文件，重新执行依赖安装；之后再次调出命令面板，搜索执行TypeScript: Restart TS Server重启类型服务即可。
• 校验依赖版本匹配性
  若上述操作无效，检查本地依赖版本：TypeScript版本在4.7及以上时，需要搭配1.9.0以上稳定版的@reduxjs/toolkit使用，旧版本RTK的类型定义和高版本TS存在已知的推导兼容问题，升级RTK到对应兼容版本即可。

额外提示：使用createSlice时不需要手动给reducer函数的state参数添加类型标注，框架会自动根据传入的initialState推导出正确的state类型，多余的类型标注反而可能在部分版本下触发类型推导冲突。

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