web-dev-qa-db-ja.com

React Amplify Console AWSでルーターDOMが正しく機能しない

ドキュメントに従って、Amplifyコンソールにreactアプリをデプロイしました。サイトは展開され、正常に動作しています。リンクを使用してナビゲートできますが、任意のURLに直接移動しようとすると、構成済みの404ページにリダイレクトされます。

以下は私が使用しているコードです

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

そして、これが私のルートがどのように見えるかです-

<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>

ここにアプリへのリンクがあります- https://master.dkf0zemoh330o.amplifyapp.com/features

amazon-web-servicescreate-react-appaws-amplify
7
Yasser Shaikh

ありがとう！ | json |も追加します文字列-「マニフェスト：行：1、列：1、Chromeブラウザ）の構文エラー」の問題を修正します：

マニフェスト：行：1、列：1、Chrome browser の構文エラー

1
VladS