plugin:vite:react-babel /Users/patrick/Desktop/TELEGRAM/src/App.tsx：未终止的 JSX 内容。 (34:10)

Question

我是新手，有人可以告诉我这段代码的错误在哪里吗？我找不到它：

import { useState } from 'react';
import './App.css'

function App() {
  const [points, setPoints] = useState(29857775);
  const [energy, setEnergy] = useState(2532);

  return (
    <div className="bg-gradient-main min-h-screen px-4 flex flex-col items-center text-white font-medium">

      <div className="absolute inset-0 h-1/2 bg-gradient-overlay z-0"></div>
      <div className="absolute inset-0 flex items-center justify-center z-0">
      <div className="radial-gradient-overlay"></div>

      <div className="w-full z-10 min-h-screen flex flex-col items-center text-white">

        <div className="fixed top-0 left-0 w-full px-4 pt-8 z-10 flex flex-col items-center text-white">
          <div className="w-full cursor-pointer">
            <div className="bg-[#1f1f1f] text-center py-2 rounded-xl">
              <p className="text-lg">Join CHEEMSCAT <Arrow size={18} className="ml-0 mb-1 inline-block" /></p>
            </div>
          </div>
        <div className="mt-12 text-5xl font-bold flex items-center">
          <img src={coin} width={44} height={44} />
          <span className="ml-2">{points.toLocaleString()}
          </span>
        </div>
        <div className="text-base mt-2 flex items-center">
          <img src={trophy} with={24} height={24} />
          <span className="ml-1">Gold <Arrow size={18} className="ml-0 mb-1 inline-block"/>
          </span>
        </div>
      </div>
    </div>
  )
}
export default App

它指向 Visual Studio 代码中的第 34 行

我试图关闭所有内容，但我找不到问题所在，任何帮助将不胜感激，谢谢

Answer 1

在您的 JSX 中，它们没有包含 first 和 third 标签。