为什么我的IDE不识别打字稿错误？ 我正在试图让我的IDE识别打字稿错误，但我似乎无法弄清楚。我正在使用： 打字稿5.8.2 Vite 6.2.1 反应16.8 我编写了以下组件来测试typesscrip ...

Question

vite6.2.1

16.8

i编写了以下组件来测试打字稿是否有效：

//TestComp.tsx
import React from 'react';

interface IProps {
  message: {val: string}
}

const TestComp = (props: IProps) => {
  const val : string = 5;
  return <p>{props.message}{val}</p>
};

export default TestComp;  

我在dashboard.jsx中渲染此组件，例如：

<TestComp message={5} />

我期望在我的IDE中出现许多错误：

投诉将数字传递到一个应该是一个称为字符串类型val的对象的道具。

投诉将数字5分配给变量'val'

1. 我都没有得到这两个问题，而我的项目则没有任何问题，我不确定为什么。我的tsconfig的图像也附有。预先感谢您。

我尝试关闭VS代码并重新启动它，但是除了确保安装打字稿以外，我不知道该尝试什么。我希望它在使用.tsx扩展名的组件之后就可以工作。

您尝试了“ strict”：true编译器选项？ 我也是TS的新手，但这就是我在tsconfig.json上设置项目的方式

   {
  "compilerOptions": {
    "target": "ES2017",
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "skipLibCheck": true,
    "strict": true,
    "noEmit": true,
    "esModuleInterop": true,
    "module": "esnext",
    "moduleResolution": "bundler",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "jsx": "preserve",
    "incremental": true,
    "paths": {
      "@/*": ["./src/*"]
    }
  },
  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
  "exclude": ["node_modules"]
}

Answer 1