Javascript <;的预期对应JSX结束标记;导航栏崩溃>;(16:12)

Javascript <;的预期对应JSX结束标记;导航栏崩溃>;(16:12),javascript,reactjs,Javascript,Reactjs,所以我得到了(16:12)错误对应的JSX结束标记,它说没有结束标记,但有, 这是我的密码 import React from 'react' import { Navbar, Nav, Container, Row } from 'react-bootstrap' function Header() { return ( <header> <Navbar bg="dark" variant=

所以我得到了(16:12)错误对应的JSX结束标记,它说没有结束标记,但有, 这是我的密码

import React from 'react'
import { Navbar, Nav, Container, Row } from 'react-bootstrap'

function Header() {
    return (
            <header>
                <Navbar bg="dark" variant="dark" expand="lg" collapseOnSelect>
            <Container>
                <Navbar.Brand href="#home">React-Bootstrap</Navbar.Brand>
                <Navbar.Toggle aria-controls="basic-navbar-nav" />
                <Navbar.Collapse id="basic-navbar-nav">
                <Nav className="mr-auto">
                    <Nav.Link href="#home">Home</Nav.Link>
                    <Nav.Link href="#link">Link</Nav.Link>
                </Nav>
            </Container>
                </Navbar.Collapse>
                </Navbar>
            </header>
    )
}

export default Header
从“React”导入React
从“react bootstrap”导入{Navbar,Nav,Container,Row}
函数头(){
返回(
反应自举
家
链接
)
}
导出默认标题
完全错误

Expected corresponding JSX closing tag for <Navbar.Collapse> (16:12)

  14 |                     <Nav.Link href="#link">Link</Nav.Link>
  15 |                 </Nav>
> 16 |             </Container>
     |             ^
  17 |                 </Navbar.Collapse>
  18 |                 </Navbar>
  19 |             </header>
的预期对应JSX结束标记(16:12)
14 |链接
15 |                 
> 16 |             
|             ^
17 |                 
18 |                 
19 |             
标签前面必须有