当我运行构建 React 应用程序时，它在控制台中显示空白页面并显示错误 404（未找到）

Question

我的问题是，当我运行构建 React 项目时，它会在控制台日志中显示错误的白页，我尝试添加“主页”：“。”它没有工作仍然给我一个空白页面我试图删除路由器并且它工作正常并且页面得到呈现但当然没有导航栏和路由器所以我认为问题是因为我需要帮助的路由器，请该项目在我使用 npm start 时工作正常，它仅在构建它后发生

索引文件：

import React from "react";
import  ReactDOM  from "react-dom";
import "../src/css/style.css";
import "../src/css/about.css";

import Router from "./Components/Router";

const App =()=>{
return(
    <div> 

<Router/>

)
}

ReactDOM.render(<App/>,document.getElementById("root"));

路由器组件：

    import { Component } from "react";
    import { BrowserRouter,  Routes, Route}  from "react-router-dom";
    import About from "./About";
    import Product from "./Product"
    import Sp from "./Sp"
    import Contact from "./Contact"
    import Home from "./Home";






    class Router extends Component{
     render(){
      return(

        <BrowserRouter>

        
       <Routes>
       <Route path="/" element={<Home/>}/>
       <Route path="/about" element={<About/>}/>
       <Route path="/product" element={<Product/>}/>
       <Route path="/sp" element={<Sp/>}/>
       <Route path="/contact" element={<Contact/>}/>
       </Routes>
       
       </BrowserRouter>
    )
}
}
export default Router

错误：

https://i.stack.imgur.com/O2vlv.png

json文件：

https://i.stack.imgur.com/ouF4D.png][2]

Answer 1

thx 问题已解决我只是将主机服务从 GitHub 更改为 netlify

当我运行构建 React 应用程序时，它在控制台中显示空白页面并显示错误 404（未找到）

when i run build react app it gives me blank page with errors 404 (Not Found) in console

reactjs

react-router

react-router-dom

当我 运行 构建 React 应用程序时，它在控制台中显示空白页面并显示错误 404（未找到）

when i run build react app it gives me blank page with errors 404 (Not Found) in console

reactjs

react-router

react-router-dom

当我运行构建 React 应用程序时，它在控制台中显示空白页面并显示错误 404（未找到）