TypeScript中“unexpected any, specify a different type”错误的问题咨询

嗨，看起来你遇到的是TypeScript严格类型检查下的any类型警告/错误问题——让我帮你拆解一下问题出在哪，以及怎么解决。

首先，你的错误根源在于类型定义里的any关键词：

type TypeSocialLinks = { [key: string]: { [key: string]: any | undefined; }; };

当你的TS配置开启了noImplicitAny或者strict模式时，TypeScript会拒绝这种模糊的any类型，因为它违背了TypeScript的核心目标——提供明确的类型检查，避免潜在的类型错误。

而你的socialLinks对象其实有很清晰的结构：每个属性都是一个包含url（字符串类型）和icon（React组件节点类型）的对象，完全不需要用any来兜底。

下面是具体的修复方案：

1. 先定义单个社交链接的具体类型

// 明确每个社交链接项的结构
type SocialLinkItem = {
  url: string;
  icon: React.ReactNode; // FontAwesomeIcon组件的类型属于React节点
};

2. 用这个具体类型重构TypeSocialLinks

// 现在整个类型结构清晰且严格
type TypeSocialLinks = {
  [key: string]: SocialLinkItem;
};

3. 最后更新你的socialLinks变量（其实变量类型甚至可以省略，TS会自动推断，但保留也没问题）

export const socialLinks: TypeSocialLinks = {
  facebook: {
    url: "//www.facebook.com/xxxxxxxx",
    icon: <FontAwesomeIcon icon={faFacebookF} />,
  },
  instagram: {
    url: "//www.instagram.com/xxxxxxxx",
    icon: <FontAwesomeIcon icon={faInstagram} />,
  },
};

这样修改后，不仅能消除unexpected any的错误，还能让你的类型系统更健壮：如果之后你不小心写错属性名、漏填必要字段，TypeScript会立刻给出提示，帮你提前规避bug。

内容来源于stack exchange