React Router DOM ne fonctionne pas correctement sur Amplify Console AWS

Question

J'ai déployé l'application React sur Amplify Console en suivant leur documentation. Le site est déployé et fonctionne bien, je suis capable de naviguer à l'aide de liens, mais lorsque j'essaie d'accéder directement à n'importe quelle URL, je suis redirigé vers ma page 404 configurée.

Voici le code que j'utilise

ReactDOM.render(
  <Router>
    <Route path="/" component={App} />
  </Router>,
  document.getElementById("root"),
);

Et voici à quoi ressemble mon itinéraire -

<Switch>
    <Route
      exact
      path="/"
      render={(): JSX.Element => <Home auth={this.auth} />}
    />
    <Route path="/features" render={(): JSX.Element => <Features />} />
    <Route
      path="/pagenotfound"
      render={(): JSX.Element => <PageNotFound />}
    />
    <Redirect from="/**" to="/pagenotfound" />
</Switch>

Voici le lien vers l'application - https://master.dkf0zemoh330o.amplifyapp.com/features

Answer 1

Merci! J'ajouterais aussi | json | la chaîne - elle corrige le problème "Manifeste: ligne: 1, colonne: 1, erreur de syntaxe sur Chrome"):

Manifest: ligne: 1, colonne: 1, erreur de syntaxe sur Chrome