使用Vite搭建React-TypeScript项目出现语法错误求助

错误原因 #

你代码里的JSX标签使用了HTML转义字符<和>，而非原生的<和>。这会导致TypeScript无法正确识别JSX语法，进而抛出missing ) after argument list的语法错误，最终页面无法渲染显示空白。

修正后的main.tsx代码 #

import React from "react";
import ReactDOM from "react-dom/client";
import App from "./App.tsx";
import "./index.css";

ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);

额外检查项 #

• 确认index.html文件中存在带有id="root"的DOM元素，例如：

  <div id="root"></div>
  

• 运行npm run dev重启开发服务，确保修改后的代码被重新编译。

内容的提问来源于stack exchange，提问作者Kaylo