typescript - 使用 :___ throw errors for typescript in JSX 的 SolidJS 指令

Question

我正在将 JS 中的表单示例转换为 TS: https://www.solidjs.com/examples/forms

这样做时，我遇到了与 html 中的指令相关的 typescript 错误:

似乎 typescript 将 validate 和 formSubmit 标记为未使用的变量，并且在 jsx 代码中，它抛出错误:

Property 'use:formSubmit' does not exist on type 'FormHTMLAttributes<HTMLFormElement>'.

Answer 1

您需要首先扩展内置 JSX 类型:

declare module "solid-js" {
  namespace JSX {
    interface Directives {}
  }
}

然后确保指令没有被 Typescript 剥离:

true && formSubmit

这很重要，因为您可以使用编译指示来抑制类型错误，但它不会阻止指令被树摇动。您可以通过将该指令导出到单独的模块中来测试这一点。如果没有上面的行，指令将不会包含在编译的代码中。