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

Question

对于 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"));

我怎样才能解决这个问题？

score 0 · Accepted Answer

组织导入会删除未引用的导入。在这种情况下，VS Code 不理解hjsx 元素隐式引用的那个。您需要告诉 VS Code 您正在h用作反应工厂功能

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

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

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

1 回答 1