TS2307报错：无法找到模块'../constants'或其对应类型声明如何解决

• 检查文件路径与入口配置
  你的导入路径../constants对应src/constants目录，首先确认目录/文件名拼写完全正确，注意大小写敏感。TS默认会查找目录下的index.ts/index.tsx/index.js作为入口文件，你可以选择两种处理方式：
  1. 在src/constants下新建index.ts入口文件，导出所需的icons变量：

  // src/constants/index.ts
  // 直接定义icons
  export const icons = {
    // 你的图标配置
  }
  // 若icons定义在同目录其他文件如icons.ts中，可直接重新导出
  export * from './icons'
  

  2. 调整导入路径为完整文件路径：

  import {icons} from '../constants/icons'
  

• 补充缺失的类型声明
  如果constants模块是JS文件没有对应类型声明，可在src目录下新建declarations.d.ts声明文件，添加如下内容：

  declare module '../constants' {
    // 可根据实际业务调整icons的具体类型
    export const icons: Record<string, any>
  }
  

  也可以直接将constants相关的JS文件改为TS文件，手动补充类型定义，彻底解决类型缺失问题。
• 配置路径别名（可选）
  为了避免相对路径计算错误，可在tsconfig.json的compilerOptions中添加如下配置：

  "baseUrl": "src",
  "paths": {
    "@/*": ["*"]
  }
  

  后续可直接用别名导入，无需计算相对路径层级：

  import {icons} from '@/constants'
  

• 清除缓存重启服务
  所有修改完成后如果仍然报错，可重启编辑器的TS服务清除缓存：VSCode按下Ctrl+Shift+P（Mac为Command+Shift+P），选择「TypeScript: Restart TS Server」即可。

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