react-snap未检测到所有路由

Question

  <BrowserRouter>
        <Switch>
            <Route
                exact
                path="/"
                component={EmailVerification}
            />
            <Route exact path={urlConfig.cashback} component={Cashback} /> 

            <Route
                exact
                path={urlConfig.emailVerificationFailure}
                component={EmailVerification}
            />
       </Switch>
  </BrowserRouter>

这是我的路线。当我使用react-snap post build时，只有第一个路由会被爬网，而其他路由则不会。

这是我的package.json

   "reactSnap": {
    "inlineCss": true,
    "fixWebpackChunksIssue": false
}

有人可以让我知道可能是什么问题吗？

Answer 1

您实际上在某些地方链接了这些路线吗？爬网程序（无头Chrome）分析HTML结构。如果您尚未将这些页面链接到任何地方，它将不会知道它们的存在。尝试将<a href="/emailverificationfailure">test</a>添加到您的页面，我很确定它会被抓取。真正的问题是-为什么要对其进行爬网？

预渲染的目的主要是SEO，Google Bot或搜寻器将使用相同的技术进行搜寻。您不想索引您的“电子邮件验证失败”页面，对吗？

如果您希望该页面仍可正常工作，则应将其保存在您的app.js文件中。