React Bootstrap 导航栏未显示答案

【问题标题】：React Bootstrap Navbar not showingReact Bootstrap 导航栏未显示
【发布时间】：2022-10-23 10:10:40
【问题描述】：

我正在尝试使用 React Bootstrap Navbar 组件。但是，在安装引导程序并粘贴示例代码后，导航栏似乎没有加载。我似乎无法理解这是如何行不通的。任何帮助将不胜感激！我的 app.js 代码如下：

import 'regenerator-runtime/runtime';
import React from 'react';
import './assets/global.css';
import { Container, Nav, Navbar, NavDropdown} from 'react-bootstrap';
import 'bootstrap/dist/css/bootstrap.min.css';

export default function App() {
  return (
    <Navbar collapseOnSelect expand="lg" bg="dark" variant="dark">
      <Container>
        <Navbar.Brand href="#home">React-Bootstrap</Navbar.Brand>
        <Navbar.Toggle aria-controls="responsive-navbar-nav" />
        <Navbar.Collapse id="responsive-navbar-nav">
          <Nav className="me-auto">
            <Nav.Link href="#features">Features</Nav.Link>
            <Nav.Link href="#pricing">Pricing</Nav.Link>
            <NavDropdown title="Dropdown" id="collasible-nav-dropdown">
              <NavDropdown.Item href="#action/3.1">Action</NavDropdown.Item>
              <NavDropdown.Item href="#action/3.2">
                Another action
              </NavDropdown.Item>
              <NavDropdown.Item href="#action/3.3">Something</NavDropdown.Item>
              <NavDropdown.Divider />
              <NavDropdown.Item href="#action/3.4">
                Separated link
              </NavDropdown.Item>
            </NavDropdown>
          </Nav>
          <Nav>
            <Nav.Link href="#deets">More deets</Nav.Link>
            <Nav.Link eventKey={2} href="#memes">
              Dank memes
            </Nav.Link>
          </Nav>
        </Navbar.Collapse>
      </Container>
    </Navbar>,
  );
}

全局.css

body {
  margin: 0;
}

【问题讨论】：

Your code is working on my sandbox。您是否像npm install react-bootstrap bootstrap 一样安装了react-bootstrap 和bootstrap？
是的，按照关于使用 npm install react-bootstrap bootstrap 安装引导程序的说明进行操作
好的，顺便说一句，</Navbar>, 这一行多了一个逗号。可能与这条线有关。
仍然无法正常工作，对于上下文，我正在创建一个以 react 作为前端的近应用程序，您认为它对 localhost 有什么影响吗？

标签： reactjs navbar react-bootstrap

【解决方案1】：

可能是您在安装某些 react-bootstrap 时没有修复它们的问题。调用 npm audit fix --force 看看是否有效

【讨论】：