如何在 TypeScript 中的 document.getElementById() 方法類型轉換期間處理 ESLint 錯誤？

Question

根據所有這些頁面：

• https://stackoverflow.com/a/52491932/470749
• https://stackoverflow.com/a/65514898/470749
• https://www.typescriptlang.org/docs/handbook/2/everyday-types.html#type-assertions

我希望這會起作用：

/**
 * Destroy current user session.
 */
function logOut() {
  const form = document.getElementById('logout-form') as HTMLFormElement;
  form.submit();
}

相反，我在 VS Code 中看到了這個 ESLint 錯誤：

解析錯誤：意外的令牌，應為“;”

這種方法也引發了錯誤： const form = <HTMLFormElement>document.getElementById('logout-form');

我在 a.tsx 文件和 a.ts 文件中都嘗試過同樣的 function 。

我究竟做錯了什么？

PS 我正在使用 Prettier 和 ESLint 以及https://github.com/airbnb/javascript規則和https://stackoverflow.com/a/64166241/470749

Answer 1

https://khalilstemmler.com/blogs/typescript/eslint-for-typescript/#Installation-and-setup非常有幫助。

我認為主要的關鍵是將我的.eslintrc.js文件中的解析器更改為parser parser: '@typescript-eslint/parser', .

我還按照說明調整了plugins和extends 。

然后我將這些行添加到我的 .eslintrc.js 中的rules .eslintrc.js因為https://stackoverflow.com/a/64024916/ ：

// We must disable the base rule (since it can report incorrect errors) and replace it (https://stackoverflow.com/a/64024916/):
'no-use-before-define': 'off',
'@typescript-eslint/no-use-before-define': ['error'],