TypeScript无法自动推导类型，是否tsconfig.json配置存在缺失？

你遇到的是styled-components的类型定义未被TypeScript自动加载的问题，按照以下步骤修改配置即可解决：

1 补全lib配置 #

你当前的tsconfig.json中lib字段仅配置了dom，缺失ECMAScript内置类型库，会影响基础类型推导，修改为：

"lib": [
  "dom",
  "ES2020"
]

可根据你项目支持的ES版本调整为ES2015/ESNext等。

2 补全styled-components类型声明 #

• 如果你使用styled-components v5及更低版本，安装对应的类型声明包：
  npm install @types/styled-components -D
• 如果你使用styled-components v6及更高版本，本身已内置类型，可在compilerOptions中添加types字段显式引入，避免被规则拦截：

"compilerOptions": {
  // 保留原有所有配置不变，新增以下字段
  "types": ["styled-components", "react", "node"]
}

3 补充include配置 #

你当前的tsconfig未配置include字段，建议显式指定源码路径，避免非预期的文件被排除：

// 和exclude平级添加
"include": ["lib/**/*"]

所有配置修改完成后，重启IDE的TypeScript语言服务即可生效，不需要手动导入AnyStyledComponent。

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