部署的BuildReactJS项目显示白色屏幕

我有一个react项目，它在本地服务器上运行得非常好，但是当我尝试在生产服务器上上传它时，它会显示白色/空白屏幕，而控制台中没有任何错误

我所做的是运行“npm run build”，然后将构建项目上编译的文件上传到我的生产实例上。我还修改了package.json并放置了“homepage”：“

我做的有什么不对吗

这是路线的代码

import React from 'react';
import './App.css';
import { BrowserRouter as Router, Route } from 'react-router-dom';

import {Login} from './components/Login';
import {Menu} from './components/Menu';
import {NewProcess} from './components/NewProcess';
import {ContinueProcess} from './components/ContinueProcess';
import {SearchProcess} from './components/SearchProcess';
import {CreateProcess} from './components/CreateProcess';
import {ProcessActivity} from './components/ProcessActivity';
import {ProcessContinueActivity} from 
'./components/ProcessContinueActivity';
import {ProceedProcess} from './components/ProceedProcess';

function App() {
  return (
    <div className="App">
      <Router>
        <Route path="/login" component={Login}/>
        <Route path="/menu" component={Menu}/>
        <Route path="/newprocess" component={NewProcess}/>
        <Route path="/continueprocess" component={ContinueProcess}/>
        <Route path="/searchprocess" component={SearchProcess}/>
        <Route path="/createprocess" component={CreateProcess}/>
        <Route path="/processactivity" component={ProcessActivity}/>
        <Route path="/processcontinueactivity" component= 
         {ProcessContinueActivity}/>
        <Route path="/proceedprocess" component={ProceedProcess}/>
       </Router>
     </div>
   );
 }



export default App;

从“React”导入React；
导入“/App.css”；
从“react Router dom”导入{BrowserRouter as Router，Route}；
从“./components/Login”导入{Login}；
从“./components/Menu”导入{Menu}；
从“./components/NewProcess”导入{NewProcess}；
从“./components/ContinueProcess”导入{ContinueProcess}；
从“./components/SearchProcess”导入{SearchProcess}；
从“./components/CreateProcess”导入{CreateProcess}；
从“./components/ProcessActivity”导入{ProcessActivity}；
从导入{ProcessContinueActivity}
“./components/ProcessContinueActivity”；
从“./components/ProceedProcess”导入{ProceedProcess}；
函数App（）{
返回(
);
}
导出默认应用程序；

您可能需要向路由器添加

basename=“/new\u vehicle\u management”

<Router basename="/new_vehicle_management" />

编辑：basename在react router v4中工作，否则您可能需要在每个路由中设置basename

---

有关更多详细信息，请参阅。

您可能需要向路由器添加

basename=“/new\u vehicle\u management”

<Router basename="/new_vehicle_management" />

编辑：basename在react router v4中工作，否则您可能需要在每个路由中设置basename

---

有关更多详细信息，请参见。

尝试

“主页”：“/新车管理”

您使用CRA或网页包了吗？我尝试了“主页”：“/新车管理”它仍然显示白色屏幕。我使用了CRA。我看到您的html有2个

元素，这可能不是原因，但我认为您希望解决这个问题。你能把你的路由器代码添加到你的帖子里吗？我已经删除了副本。并在帖子中添加了路线代码。尝试

“主页”：“/新车管理”

您使用了CRA还是webpack？我尝试了“主页”：“/新车管理”它仍然显示白色屏幕。我使用了CRA。我看到您的html有2个

元素，这可能不是原因，但我认为您希望解决这个问题。你能把你的路由器代码添加到你的帖子里吗？我已经删除了副本。并且在帖子中添加了路线代码。我试试这个。谢谢哦，别忘了从package.json中删除主页参数。这不是很推荐，因为它可能会弄乱你的文件导入。在您的情况下，您只需要将其用于路由，因此我建议您仅使用basename属性。非常感谢您的帮助，我现在可以查看屏幕了。：）我试试这个。谢谢哦，别忘了从package.json中删除主页参数。这不是很推荐，因为它可能会弄乱你的文件导入。在您的情况下，您只需要将其用于路由，因此我建议您仅使用basename属性。非常感谢您的帮助，我现在可以查看屏幕了。：）