Организовать импорт в VS Code удаляет мой преактный импорт

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

Как это исправить?

Answer 1

Упорядочить импорт удаляет несвязанный импорт.В этом случае VS Code не понимает, что на h неявно ссылаются элементы jsx.Вам нужно сообщить VS Code, что вы используете h в качестве фабричной функции реагирования

Чтобы исправить это, создайте jsconfig.json в корне вашего проекта с содержанием:

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

Более подробную информацию об этих настройках вы можете найти здесь .jsxFactory можно задать для любого пространства имен, которое ваша библиотека использует для создания элементов jsx, например: "h" или "React.createElement"