TypeScript开发复制按钮报TS7006: Parameter 'copyMe' implicitly has an 'any' type如何解决

报错原因 #

该错误是 TypeScript 类型检查触发的规则告警：你没有给 copyToClipBoard 方法的入参 copyMe 声明明确类型，参数被默认推断为 any 类型，当项目 tsconfig 中开启了 noImplicitAny 编译规则时就会抛出该错误。

修复方法 #

• 方案1（最推荐）：给入参声明明确的 string 类型，匹配 navigator.clipboard.writeText 接收的参数类型要求，修改后的函数代码如下：

const [copySuccess, setCopySuccess] = useState('');

const copyToClipBoard = async (copyMe: string) => {
    try {
        await navigator.clipboard.writeText(copyMe);
        setCopySuccess('Copied!');
    } catch (err) {
        setCopySuccess('Failed to copy!');
    }
};

修改后原有按钮调用逻辑不需要做任何调整。

• 方案2（适配多类型入参场景）：如果需要支持传入数字等其他可序列化内容，可以声明联合类型同时做类型转换：

const copyToClipBoard = async (copyMe: string | number | boolean) => {
    try {
        // 统一转为字符串再写入剪贴板
        await navigator.clipboard.writeText(String(copyMe));
        setCopySuccess('Copied!');
    } catch (err) {
        setCopySuccess('Failed to copy!');
    }
};

• 方案3（不推荐）：如果不需要严格类型检查，可以显式将入参声明为 any 类型绕过校验：

const copyToClipBoard = async (copyMe: any) => {
    // 原有逻辑不变
}

• 方案4（全局关闭规则，极不推荐）：修改项目根目录的 tsconfig.json，将 compilerOptions 下的 noImplicitAny 配置改为 false，全局关闭隐式 any 校验规则，该方案会大幅降低 TypeScript 类型安全保障，仅做临时调试使用。

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