Reactjs 在github中发布react应用程序后获取空白页

我的步骤是： npm运行构建

然后

“主页”：“

“预部署”：“npm运行构建”

“部署”：“gh页面-d生成” 在package.json文件中

然后

npm安装--保存开发页面

然后

在Github存储库中。。 我选择了“gh页面分支”*

最后,

npm运行部署

但我得到的是一张空白页 应用程序在本地主机上运行良好

---

帮助..

您需要将根路径添加到BrowserRouter的basename属性中

如果您没有使用BrowserRouter，请添加以下内容

import BrowserRouter from 'react-router-dom/BrowserRouter'

ReactDOM.render((
   <BrowserRouter basename={process.env.PUBLIC_URL}>
     <App />
   </BrowserRouter>
), ...)  

从“react router dom/BrowserRouter”导入BrowserRouter
ReactDOM.render((
)

同时更新到home/firstwebapp组件的路由（如果有）

}/>

到

}/>

使用此更改，当路由路径与“process.env.PUBLIC_URL”（reponame+“/）匹配时，它将在包中呈现第一个WebApp组件。json
主页
不正确，因此它会破坏构建。
改变

到

然后再次尝试构建和部署


关于
的文档我也有同样的问题。在控制台中看到错误后，我能够修复它。
在我的例子中，错误发生在https请求中。我在index.html中添加了一个脚本链接，当我将其更改为“https”时，它工作得非常好

别忘了提交并推送更改，然后再次运行部署。
我的问题与我的问题相同。我只是得到一个空白页面，但我在浏览器选项卡中看到了React徽标和我的站点名称

对我来说，解决这个问题的方法是更改package.json文件。我最初的“主页”是http/…但当我将其更改为https/，它工作得很好。
我们需要将basename添加到路由器，如下所示，并将其指向存储库名称

 <Router basename="/test_repository"> //add basename
  <Switch>
    <Route path='/' exact component={Home} />
    <Route path='/about' component={About} />
    <Route path='/services' component={Services} />
    <Route path='/contact-us' component={Contact} />
  </Switch>
 </Router>

//添加basename

另一个问题是，如果您尝试其他URL，如“/about”，这将显示404页面错误

为此，我们需要创建404.html来处理这个错误&需要在index.html中添加一些代码片段

查看以下文章了解进一步的解决方案：

你在package.json文件夹中的主页url可能有问题。我所做的是用github页面url替换url，并修复它，同时确保它位于顶级键/值对中
GET net:：ERR_404; 404你能再写几行吗？请..这是我看到的错误广告页面。它无法加载应用程序的最后一个捆绑包。谢谢。但我只得到一个空白的白色页面。它在localhost中运行良好。我该怎么办？我的回复：应该可以。我有和在package.json中，并已成功加载。我仍然得到空白页面：（.您是否在master branch或gh页面中运行了它？我刚刚使用了您的
npm run deploy
命令，就是这样。您的部署是出于一些奇怪的原因。您可以尝试重新部署吗？很高兴提供帮助，欢迎使用堆栈溢出。如果此答案或任何其他答案解决了您的问题，请将其标记为已接受并进行升级投票：）
 <Route exact path='/' render= ... />} />

  "homepage": "https:Parthaaaaa.github.io/firstwebapp",

  "homepage": "https://parthaaaaa.github.io/firstwebapp",

 <Router basename="/test_repository"> //add basename
  <Switch>
    <Route path='/' exact component={Home} />
    <Route path='/about' component={About} />
    <Route path='/services' component={Services} />
    <Route path='/contact-us' component={Contact} />
  </Switch>
 </Router>