使用 react-bootstrap 反应不给导航栏错误

Question

感谢您查看我的问题，长话短说我是新来的反应并尝试在我的应用程序中实现 NavBar。 React 不会在控制台 localhost 中抛出错误，只是呈现一个白页）。 当我删除我的组件时，除了导航之外，一切都很好。 感谢任何帮助。

菜单.js

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

class Menu extends Component{
    render(){
        return (
        <>
            <Navbar bg="dark" variant="dark">
               <Container>
                   <Nav className="me-auto">
                       <Nav.Link href="#home">Home</Nav.Link>
                       <Nav.Link href="#features">Features</Nav.Link>
                       <Nav.Link href="#pricing">Pricing</Nav.Link>
                   </Nav>
               </Container>
            </Navbar>
        </>
       );
    } 
}

export default Menu;

应用程序.js

import logo from './logo.svg';
import './App.css';
import {BrowserRouter as Router, Link, Route, Routes} from 'react-router-dom';
import { Component } from 'react';
import ReactDOM from 'react-dom/client';

import Header from './components/layout/header';
import Menu from './components/layout/Menu';
import Footer from './components/layout/footer';



class App extends Component{
  render(){
  return (
        <div className="App">
        <Header/>
        <Menu/>
        <Footer/>
        </div>
  );
  }
}

导出默认应用程序；

Answer 1

我看到您使用小写的组件文件名称，菜单组件文件的第一个字母实际上是大写的吗？