JSX.Element 这里报找不到JSX命名空间？

Question

老师，JSX.Element  这里报找不到JSX命名空间？这个什么情况？怎么你没报错啊？

Answer 1

阿莱克斯刘 9天前

你的情况确实有点奇怪，不过“找不到命名空间 'xxx'”，这种情况通常与 TypeScript 的配置有关，可能是缺少 JSX 支持。TypeScript 需要指定 `jsx` 编译选项，以支持 React 相关的 JSX 语法。

确保你的 `tsconfig.json` 文件中有正确的配置：

   ```json
   {
     "compilerOptions": {
       "jsx": "react", // 或者 "react-jsx" (React 17+ 推荐)
       "esModuleInterop": true, // 确保模块互操作性
       "allowSyntheticDefaultImports": true
     }
   }
   ```

然后，检查你的 TypeScript 版本，保你使用的是支持 JSX 的 TypeScript 版本（至少 4.1 或更高版本）。

试试看这些步骤能否解决问题。如果问题依旧，你可以查看一下课程的代码库，代码库有源码，可以对比查看一下是哪里不一样。

• 提问者 linda89757 #1

  ```json
  {
    "compilerOptions": {
      "target": "es5",
      "lib": [
        "dom",
        "dom.iterable",
        "esnext"
      ],
      "allowJs": true,
      "skipLibCheck": true,
      "esModuleInterop": true,
      "allowSyntheticDefaultImports": true,
      "strict": true,
      "forceConsistentCasingInFileNames": true,
      "noFallthroughCasesInSwitch": true,
      "module": "esnext",
      "moduleResolution": "node",
      "resolveJsonModule": true,
      "isolatedModules": true,
      "noEmit": true,
      "jsx": "react-jsx",
      "plugins": [
        { "name": "typescript-plugin-css-modules" }
      ]
    },
    "include": [
      "src"
    ]
  }
  
     ```