Remix项目调用links方法触发ESLint any类型相关报错原因求解

报错触发原因 #

你触发的两个ESLint报错都来自@typescript-eslint规则，核心原因是TypeScript无法正确推断links函数的类型，将其判定为any类型：

• 调用any类型的函数时，会触发Unsafe call of an any typed value报错
• 将any类型的函数返回值赋值给response变量时，会触发Unsafe assignment of an any报错

导致links被推断为any的常见场景如下：

1. 测试文件为.js/.jsx后缀，且你开启了checkJs: true配置对JS文件做类型检查，业务代码里给links加的LinksFunction类型标注没有被测试文件继承识别
2. tsconfig.json里的路径别名配置错误，~/*的映射没有正确指向源码目录，TypeScript找不到~/root模块的导出类型，自然无法推断links的类型
3. 类型导入来源不兼容：你业务代码里LinksFunction从旧的remix包导入，测试代码里类型守卫isHtmlLinkDescriptor从新的@remix-run/react包导入，两套类型定义不匹配导致links的类型推断失效降级为any

修复方案 #

• 将测试文件改为.test.ts后缀，给返回值加明确类型标注即可：

import type { LinksFunction } from '@remix-run/node'
// 其他导入不变

it('should return a rel=stylesheet', () => {
  const response: ReturnType<LinksFunction> = links()
  // 后续逻辑不变
})

• 检查tsconfig.json的paths配置，确保~/*别名正确指向源码根目录
• 统一Remix相关类型的导入来源，不要混用旧版remix包和拆分后的@remix-run/*包的类型定义

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