Reactjs 财产'；价值'；不存在于类型'；EventTarget&；HTMLInputElement'；。ts（2339）

一切正常，但这不会消失

编辑：首先，谢谢你分享那张备忘单！肯定帮了大忙

以下是完整的文件：

Property 'value' does not exist on type 'EventTarget & HTMLInputElement'.ts(2339)

---

再次感谢React和TypeScript社区的朋友

根据您提供的信息，很难说TypeScript为什么会抱怨。我已经建立了一个代码沙盒来证明我没有看到相同的错误

已更新

感谢您添加该文件以了解更多上下文。一切看起来都很好，包括您的

tsconfig.json

。您是否安装了React的

@types

软件包，即

{
  "compilerOptions": {
    "target": "es5",
    "lib": [
      "dom",
      "dom.iterable",
      "esnext"
    ],
    "allowJs": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react"
  },
  "include": [
    "src"
  ]
}

这是我唯一想到的另一件事。如果这还不能解决问题，您是否可以添加一个指向回购协议或代码沙盒的链接，并复制错误？然后我可以仔细看看

第一次在react中编写打字脚本

---

如果你还没有，我建议你去看看。当你刚开始用React写打字脚本时，这是一个极好的参考

嘿，乔，我编辑了我原来的帖子，加入了更多的代码。谢谢你的回复！嘿，泰勒，谢谢你这么做！我继续更新我的答案。希望这能让我们走得更近！嘿，乔，我想我已经把范围缩小到了vs代码设置。我在我的工作机器上重新创建了这个情况，一点问题也没有！所以我现在试图弄清楚vs代码的设置可能是什么…设置“typescript.validate.enable”：false消除了这个问题。然而，我不知道这是否是一个很好的解决办法。嗯……这很奇怪。如果您想导出设置并在摘要中共享，我很乐意帮助您查看。对于TS项目，我通常遵循本指南，以使ESLint、Prettier、VSCode和TypeScript能够很好地发挥作用。也许这会有帮助：

import React, { useState } from "react";

const App: React.FC = () => {
  const [userName, setUserName] = useState("");

  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
    const { value } = e.target;
    setUserName(value);
  };

  return (
    <div>
      <form>
        <input
          type="text"
          placeholder="username"
          value={userName}
          onChange={handleChange}
        />
      </form>
    </div>
  );
};

export default App;

{
  "compilerOptions": {
    "target": "es5",
    "lib": [
      "dom",
      "dom.iterable",
      "esnext"
    ],
    "allowJs": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react"
  },
  "include": [
    "src"
  ]
}

    "@types/react": "^16.9.0",
    "@types/react-dom": "^16.9.0",