在 VS Code 中组织导入删除了我的 preact 导入

【问题标题】：Organize imports in VS Code removes my preact import在 VS Code 中组织导入删除了我的 preact 导入
【发布时间】：2018-05-17 22:57:54
【问题描述】：

对于 JavaScript：

import { render, h } from "preact";

render(<p>Hello World!</p>, document.querySelector("#root"));

当我运行 VS Code 的 Organize Imports 命令时，h 的导入被错误地删除了：

import { render } from "preact";

render(<p>Hello World!</p>, document.querySelector("#root"));

我该如何解决这个问题？

【问题讨论】：

【解决方案1】：

组织导入会删除未引用的导入。在这种情况下，VS Code 不理解 h 被 jsx 元素隐式引用。你需要告诉 VS Code 你正在使用h 作为反应工厂函数

要解决此问题，请在项目的根目录下创建一个 jsconfig.json，并包含以下内容：

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

您可以找到有关这些设置的更多信息here。 jsxFactory 可以设置为您的库用来构造 jsx 元素的任何命名空间，例如："h" 或 "React.createElement"

【讨论】：