React Router: 動的 URL パラメーターを含むルートではスタイルシートが機能しない

Question

私は React と React Router を使用してプロジェクトをセットアップしました。全体的な構造は次のとおりです。

これは html ページです :

リーリー

これは React Router の構造です :

リーリー

アプリケーションの React 側は正常に動作することに注意してください。 watch/:id の URL パラメータ は problem です。これを削除すると、スタイルがサイトに適用されます。なぜうまくいかないのかわかりません。

直感的には、このスタイルはすべての HTML ページ コンテンツに適用されると思います。最後に、React コンポーネントに挿入されるのは常に同じ HTML であるため、スタイルに従う必要があります。

Answer 1

React アプリケーションは、技術的にはシングルページ アプリケーションです。 「ネストされたページ」がリクエストされたとき、サーバーはルートのindex.htmlファイルをブラウザに正しく提供しているのではないかと思います...しかし、ページはスタイルシートをロードしようとしていますネストされたパス名に対する相対パス名、つまり "/watch/someId" から。

絶対パスを使用してみてください。

リーリー