Reactjs “得到奇怪的错误”'；）'；预期。ts（1005）“；在App.js中

我是新手，下面是抛出错误的代码

我已经用CreateReact应用程序创建了项目，文本是已经定义的功能组件

我用谷歌搜索，但找不到解决方案

//import logo from './logo.svg';
//import './App.css';
import React from 'react';
import Text from './components/Text';

function App() {
  return (
      <Text />
    {/* <div className="App">  **at this line it throws error "')' expected.ts(1005)"**
        <header className="App-header">
        <img src={logo} className="App-logo" alt="logo" />
        <p>
          Edit <code>src/App.js</code> and save to reload.
        </p>
        <a
          className="App-link"
          href="https://reactjs.org"
          target="_blank"
          rel="noopener noreferrer"
        >
          Learn React
        </a>
      </header>
    </div> */}
  );
}

export default App;

请检查下面的代码，它运行正常

import logo from './logo.svg';
import './App.css';
import Text from './Text'
function App() {
return (
<div className="App">
<Text/>
</div>
);
}
export default App;

从“/logo.svg”导入徽标；
导入“/App.css”；
从“./Text”导入文本
函数App（）{
返回(
);
}
导出默认应用程序；

将整个代码（包括注释）包装在父级

或更高阶标记

中，您的错误将消失。

只需删除注释，但它是有效的JSX，我在{}中添加了多行注释。这是VS代码错误吗？当{}在父节点之外时，它抛出错误