是否可以在 JSX 中指定全局类型？

Question

我在项目中使用 Preact，但我已经配置了设置，这样我就不必一直使用 import { h } from 'preact'。然而，问题是preact.d.ts 如果我不导入它就不会被选中，而且我收到的不是 Preact 的 html 属性，而是全局 React 的属性：

导入preact：

我知道这似乎无关紧要，但我想访问一些 Preact 的属性，而不是全局 React 的属性。是否可以通过某种配置指向node_modules/preact/index.d.ts？我没有使用 typescript 作为语言，也没有自己编译，只有 VSCode。

Answer 1

VSCode 不知道如何使用您的预分型。您应该在项目的根目录 (https://code.visualstudio.com/docs/languages/jsconfig) 添加一个 jsconfig.json 文件，在其中指定您的 jsxFactory（这是 vscode 使用的 TS 编译器选项https://www.typescriptlang.org/docs/handbook/compiler-options.html）

{
  "compilerOptions": {
    "jsx": "react",
    "jsxFactory": "h",
  },
  "exclude": [
    "node_modules",
    "**/node_modules/*"
  ]
}