Question

因此，我已经构建了一个React应用，并且可以使用npm start正常运行，因此现在我正尝试将其部署到服务器上。

我正在尝试使用Nginx部署该应用程序，但是在构建它之后，我突然收到使用npm start时不会发生的错误。

因此，我配置了Nginx，并使用npm run build来构建应用程序，但是现在当我通过服务器IP访问索引时，会得到以下内容

error:
Uncaught TypeError: Cannot read property 'exact' of undefined
    at Object.<anonymous> (react-router-dom.js:288)
    at f ((index):1)
    at Module.951 (Home.js:14)
    at f ((index):1)
    at Object.434 (profile.svg:1)
    at f ((index):1)
    at a ((index):1)
    at Array.e [as push] ((index):1)
    at main.22a79b93.chunk.js:1

这似乎与我的React Router有关，如下所示：

import {Redirect, BrowserRouter as Router,Route,Switch} from 'react-router-dom';

<Router>
      <CookieConsent buttonText="Accept">

      </CookieConsent>

      <Switch>
        <Route exact path="/" component={Home} />
        <Route path="/Register" component={Register} />
        <Route path="/Account" component={Account}/>
        <Route path="/logout" component={Logout}/>
      </Switch>

      <Route
        path="/dashboard"
        render={({ match: { url } }) => (
          <Authenticator>
                  <Dashboard>
                    <Switch>
                      <Route path={`${url}/Account`} component={Account} exact />
                      <Route path={`${url}/Profile`} component={Profile} exact />
                      <Route path={`${url}/`} component={Account} exact />
                      <Route component={Page404Dashboard} />
                    </Switch>
                  </Dashboard>
        </Authenticator>
        )}/>

  </Router>

但是我在这里找不到任何东西。

我想念什么？

Answer 1

我已经通过将react-router-dom和react-router从5.0.0版本更新到5.0.1解决了这个问题。

反应：未捕获的TypeError：无法读取未定义的属性“精确”

1 个答案: