Автоисправление с обработчиками твердых/событий eslint приводит к ошибкам машинописного текста.

Question

Я используюsolid/event-handlersправило с eslint. После автоматического исправления ошибки, возникшей в , она стала и произошла ошибка в машинописном тексте.

• Почемуeslint-plugin-solidавторемонтonDblClickкonDoubleClick?
• Как избежать ошибок в машинописном тексте?

node: 16.16.0 npm: 8.11.0 eslint: 8.26.0 eslint-plugin-solid: 0.8.0 машинопись: 4.8.4

tsconfig.json

      {
  "compilerOptions": {
    "strict": true,
    "target": "ESNext",
    "module": "ESNext",
    "moduleResolution": "node",
    "allowSyntheticDefaultImports": true,
    "esModuleInterop": true,
    "jsx": "preserve",
    "jsxImportSource": "solid-js",
    "types": ["vite/client"],
    "noEmit": true,
    "isolatedModules": true
  }
}

.eslintrc.json

      {
  "root": true,
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
    "ecmaVersion": "latest",
    "sourceType": "module"
  },
  "plugins": ["solid"],
  "rules": {
    "solid/event-handlers": "warn"
  }
}

источник/приложение.tsx

      export const App = () => {
  return <div onDblClick={() => alert("hello world")}>double click me</div>;
};

Бегnpx eslint --fix src/App.tsxисправляет это.

источник/приложение.tsx

      export const App = () => {
  return <div onDoubleClick={() => alert("hello world")}>double click me</div>;
};

Затем запуститеnpx tscи вы получите ошибку.

      src/App.tsx:2:15 - error TS2322: Type '{ children: string; onDoubleClick: () => void; }' is not assignable to type 'HTMLAttributes<HTMLDivElement>'.
  Property 'onDoubleClick' does not exist on type 'HTMLAttributes<HTMLDivElement>'. Did you mean 'onDblClick'?

2   return <div onDoubleClick={() => alert("hello world")}>double click me</div>;
                ~~~~~~~~~~~~~

Answer 1

Я думаю, что они ошибочно нанесены на картуdblclickкDoubleClickна обработчиках событий.ts#17.

Вы можете отключить eslint для определенной строки, используя// eslint-disable-lineили// eslint-disable-next-line.