首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >已将我的react应用程序部署到github,但主页为空白

已将我的react应用程序部署到github,但主页为空白
EN

Stack Overflow用户
提问于 2020-02-01 07:03:01
回答 2查看 273关注 0票数 1

我在Github上部署了我的react应用程序后,它就工作了。但是,它只显示导航。不知道如何解释,请查看此图片:Homepage

单击导航后,一切正常。Here是Github部署的页面。这是Github page

EN

回答 2

Stack Overflow用户

发布于 2020-02-01 07:35:16

检查默认的登录URL,如果使用<Route />,检查是否为该特定路径呈现了任何组件。此路径将是完全匹配的,因此请检查尾随的'/‘等。

您的登录地址是https://rongbangye.github.io/mini-react.js-projects/,但可能没有与该路径匹配的组件。

此外,在您的站点上重新加载会给出一个404,您可能需要查看webpack配置(如果使用)。更改webpack publicPath可能会有所帮助。

代码语言:javascript
运行
复制
output: {
    path: path.join(__dirname, 'build'),
    publicPath: '/',
    ...
}
票数 0
EN

Stack Overflow用户

发布于 2020-02-01 07:46:18

使用路由根目录中的process.env.PUBLIC_URL。BrowserRouter附带了一个名为basename的道具,它允许您定义项目的基网址。应该是这样的。

在您的App.js中,将<Route exact path={process.env.PUBLIC_URL + '/'} component={Home} />替换为:

代码语言:javascript
运行
复制
<BrowserRouter history={history} basename= . {process.env.PUBLIC_URL}>
    <Switch>
      <Route exact path="/" component={Home} />
      <Route path="/about" component={About} />
    </Switch>
   </BrowserRouter>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/60012428

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档