reactjs - TypeScript:属性 'X' 在 'Window & typeof globalThis' 上不存在:使用 'declare global' 的建议解决方案给我错误

Question

编辑:这是一个 ESlint 问题。我在本文末尾添加了我的 ESLint 设置。

我对 TypeScript 相当陌生——当我遇到这一行时，我一直在重构别人的 React 代码，将其移动到 TypeScript 进行工作项目

        const memoryOptionsResponse = window.webchatMethods.getMemory(chatId);

TypeScript 提示“window.webchat”，说

Property 'X' does not exist on 'Window & typeof globalThis

经过一番谷歌搜索后，answer似乎是将其放在模块的根级别

declare global {
    interface Window {
        webchatMethods:any;
    }
}

但是现在 TS 提示以下错误。

This Stack Overflow page建议类似的东西，但它又具有 declare global 和 ESLint balks。

经过半小时尝试解决此问题后，我决定向您寻求建议 - 如果有人知道好的解决方案，我将不胜感激!

// .eslintconfig
{
  "parser": "babel-eslint",
  "parserOptions": {
    "ecmaVersion": 2020,
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true,
      "modules": true
    }
  },
  "extends": [
    "eslint:recommended",
    "prettier",
    "plugin:react/recommended"
  ],
  "plugins": [
    "prettier",
    "react",
    "react-hooks"
  ],
  "env": {
    "es6": true,
    "node": true,
    "mocha": true,
    "browser": true
  },
  "rules": {
    "react-hooks/rules-of-hooks": "error",
    "react-hooks/exhaustive-deps": "warn",
    "react/prop-types": 1,
    "react/jsx-uses-react": "error",
    "react/jsx-uses-vars": "error",
    "react/no-unescaped-entities": "warn",
    "react/no-find-dom-node": 0,
        "comma-dangle": ["error", "never"],
    "global-require": 0
  }
}

<小时/>

// .eslintignore
test
node_modules

Answer 1

看起来缺少的是告诉 babel 如何处理 typescript 的部分。我会查看typescript-eslint .