Question

所以我正在使用react-router-dom创建这个多页面的react应用。

const routing = (
   <Router>
       <>
           <Switch>
               <Route exact path='/' component={App}></Route>
               <Route path='/orders' component={Orders}></Route>
               <Route path='/inquiries/:id' component={Inquiries}></Route>
               <Route component={NotFound}></Route>
           </Switch>
       </>
   </Router>
)

ReactDOM.render(routing, document.getElementById('root'));

您会看到有一个名为“查询”的页面。参数为“ id”。形成路线URL / inquiries /：id。

这条路线在开发环境中运作良好；但是在正式版（heroku）中，它为我提供了没有控制台错误的白页。这是什么问题？

Answer 1

您可以像这样使用process.env.PUBLIC_URL：

<BrowserRouter basename={process.env.PUBLIC_URL}>
  <App />
</BrowserRouter>

in会这样做： <路由精确路径= {process.env.PUBLIC_URL +'/'}组件= {App}> 保持联系，网站首页应具有指向您网站的链接，例如：

"homepage": "https://someone.github.io/theName/",

请记住，此示例在github上使用，但看起来应该像

Answer 2

我可以通过删除

来解决此问题

"homepage": ".",

在package.json文件中。以为它与它有关。

为什么我的应用程序在生产中会显示空白页？

2 个答案: