如果没有“0”，则无法编译ReactJS代码；解析错误"；错误

Reactjs新手，我正在尝试安装我的第一个应用程序。使用Facebook的CreateReact应用程序，我在YouTube上找到了一个教程

一旦我导入“Nav”组件并添加nave条形码，我就会收到一个错误，上面写着“第15行：7：解析错误：预期对应的JSX关闭标记”，错误指向关闭的Nav标记。我尝试过不同版本的导航代码，但似乎没有任何效果

无导航组件的代码：

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

import {  } from 'react-bootstrap';

function App() {
  return (
    <div className="App">
      
      <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 React from 'react';
import logo from './logo.svg';
import './App.css';

import { Nav } from 'react-bootstrap';



function App() {
  return (
    <div className="App">
      <Nav fill variant="tabs" defaultActiveKey="/home">
        <Nav.item>
          <Nav.Link href="/home">Active</Nav.Link>
      </Nav>
      <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 React from 'react';
import logo from './logo.svg';
import './App.css';

import {  } from 'react-bootstrap';

function App() {
  return (
    <div className="App">
      
      <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 React from 'react';
import logo from './logo.svg';
import './App.css';

import { Nav } from 'react-bootstrap';



function App() {
  return (
    <div className="App">
      <Nav fill variant="tabs" defaultActiveKey="/home">
        <Nav.item>
          <Nav.Link href="/home">Active</Nav.Link>
      </Nav>
      <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;

活跃的
第15:9行：分析错误：13 | 14 | Active>15 | | ^16 |@jonathanness的对应JSX结束标记可能最后一个
是额外的：
Active>
。移除它。