启动后提示main.tsx:6 Uncaught ReferenceError: React is not defined

这个错误是因为你使用了 JSX 语法,但 Webpack/Babel 配置中没有正确处理 React 的自动导入。在 React 17 之后,JSX 的编译不再需要手动导入 React,但你需要配置 Babel 来处理这种情况。

配置Babel

{
  "presets": [
    ["@babel/preset-env", {
      "targets": {
        "browsers": ["last 2 versions"]
      }
    }],
    ["@babel/preset-react", {
      "runtime": "automatic"  // 启用 React 17+ 的 JSX 转换
    }],
    "@babel/preset-typescript"
  ]
}
1
2
3
4
5
6
7
8
9
10
11
12
13