将SolidJS JS表单示例转TS时，use:指令触发TypeScript错误

1. 解决use:formSubmit类型报错 #

SolidJS的自定义指令默认不在TypeScript的HTML属性类型范围内，需要手动扩展全局类型：

• 在项目src目录下新建或编辑solid.d.ts文件
• 添加以下类型声明：

import type { Directive } from 'solid-js';

declare module 'solid-js' {
  namespace JSX {
    interface Directives {
      formSubmit: Directive<HTMLFormElement>;
    }
  }
}

保存后TypeScript就能识别use:formSubmit这个自定义指令了。

2. 处理validate和formSubmit未使用提示 #

如果这两个函数是用于表单指令逻辑，TS可能因未关联到指令使用而误报：

• 先确认代码中已将formSubmit绑定到指令，示例写法：

<form use:formSubmit={formSubmit}>...</form>

• 若逻辑无误但TS仍提示，可给变量加下划线前缀（_validate、_formSubmit）绕过严格检查，或在变量上方临时添加// @ts-ignore（不推荐长期使用）。

另外，确保@types/solid-js依赖为最新版本，避免版本不兼容导致的类型缺失问题。

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