如何在遗留项目中引入history包3.2版本的Location类型？

当然可以使用目标版本（3.2）的Location类型，以下是几种可行的解决方法：

• 直接导入子依赖的类型文件
  跳过包名导入，直接通过文件路径引入react-router子依赖下的3.2版本类型定义：

  import { Location } from '../node_modules/@types/react-router/node_modules/@types/history/index.d.ts';
  

  注意根据你的项目目录结构调整路径，这种方式适合临时解决问题，但路径硬编码可能在不同环境下出现适配问题。

• 配置TypeScript解析优先级
  在tsconfig.json的compilerOptions中添加paths配置，让TypeScript优先解析react-router子依赖下的history类型：

  {
    "compilerOptions": {
      // 确保baseUrl配置正确，若未设置可设为"./"
      "baseUrl": "./",
      "paths": {
        "history": ["node_modules/@types/react-router/node_modules/@types/history"]
      }
    }
  }
  

  配置完成后，原本的import { Location } from 'history'就会自动导入3.2版本的类型，无需修改导入语句。

• 统一固定@types/history版本
  如果项目整体代码兼容history 3.2版本，直接在package.json的devDependencies中指定该版本：

  "devDependencies": {
    "@types/history": "3.2.0"
  }
  

  执行npm install或yarn install后，根目录node_modules中的@types/history会被替换为3.2版本，彻底消除版本冲突，这是最彻底的解决方案。

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