TypeScript中ApolloServer实例赋值报any类型不安全错误如何解决？

报错原因及解决方案 #

出现该报错通常是以下几类配置问题导致的，可以逐一排查：

1. 类型包缺失或异常 #

新版本的@apollo/server已经内置TypeScript类型定义，如果你使用的是旧版本的apollo-server相关包，需要手动安装对应类型声明：

# npm
npm install -D @types/apollo-server__server
# yarn
yarn add --dev @types/apollo-server__server

如果已经安装，可以尝试删除node_modules和锁文件后重新安装依赖，排除依赖损坏的问题。

2. tsconfig.json 配置问题 #

检查项目根目录下的tsconfig.json配置项：

• 确认strict配置为true：关闭TS严格模式会导致部分泛型推导失效，直接影响ESLint的类型检查结果
• 确认skipLibCheck没有被强制设为true：该配置会跳过第三方库的类型检查，可能导致ApolloServer的类型无法被正确读取
• 确认typeRoots配置包含默认的node_modules/@types路径：如果自定义了类型读取路径，没有包含默认路径会导致第三方类型包无法被加载

3. ESLint 配置问题 #

检查ESLint配置文件：

• 确认parserOptions.project字段已经正确指向你的tsconfig.json路径，@typescript-eslint解析器需要该配置才能读取TS类型信息
• 尝试重启ESLint服务：VSCode中按下Cmd/Ctrl + Shift + P，选择ESLint: Restart ESLint Server即可，ESLint缓存异常会导致明明TS能识别到类型，但是ESLint仍报错的问题。

4. 入参类型异常导致推导失败 #

如果你的typeDefs、resolvers变量本身是any类型，会导致ApolloServer的泛型无法被自动推导，此时可以手动传入泛型参数固定类型：

// 第一个泛型为你的Context类型，无特殊需求可默认设为Record<string, never>
const server = new ApolloServer<MyContext>({
    typeDefs,
    resolvers,
    plugins: [ApolloServerPluginDrainHttpServer({ httpServer })],
});

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