使用 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

我看到您使用小寫的組件文件名稱，菜單組件文件的第一個字母實際上是大寫的嗎？