无需重写代码如何解决TypeScript项目引入JS函数的类型报错问题

无需改写原有JS函数逻辑，可通过以下几种方案实现：

方案1：单独存储为JS文件（推荐） #

• 将pSBC函数代码单独保存为pSBC.js文件
• 确认项目tsconfig.json中已开启allowJs: true配置（Angular项目默认已开启该配置）
• 在需要调用的TS文件中直接导入使用即可，TS会自动跳过JS文件的类型检查：

import { pSBC } from './your/path/pSBC.js';

// 直接调用函数
const lightenColor = pSBC(0.3, '#2385bb');

方案2：添加文件级跳过检查注释 #

如果不想拆分单独文件，可在当前存放该函数的TS文件最顶部添加// @ts-nocheck注释，TS会跳过该文件所有类型检查：

// @ts-nocheck
// 以下原有代码完全不需要修改
const pSBC=(p,c0,c1,l)=>{
    // 原有函数逻辑保持不变
}

方案3：局部类型断言绕过检查 #

如果不想跳过整个文件的类型校验，只需给函数和参数增加any类型标注即可，内部逻辑完全不需要改动：

const pSBC: any = (p: any, c0: any, c1: any, l: any) => {
    // 原有函数逻辑100%保留，不需要修改任何内部代码
}

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