React Router: 동적 URL 매개변수가 있는 경로에서는 스타일시트가 작동하지 않습니다.

Question

저는 React 및 React Router를 사용하여 프로젝트를 설정했습니다. 전체 구조는 다음과 같습니다:

이것은 html 페이지입니다:

으아악

이것이 React Router 구조입니다:

으아악

앱의 React 측면이 잘 작동한다는 점에 유의해야 합니다. watch/:id의 URL 매개변수 가 문제 입니다. 제거하면 스타일이 사이트에 적용됩니다. 왜 작동하지 않는지 모르겠습니다.

직관적으로 이 스타일은 모든 HTML 페이지 콘텐츠에 적용될 것이라고 생각합니다. 마지막으로, React 컴포넌트에 삽입되는 항상 동일한 HTML이므로 스타일을 따라야 합니다.

Answer 1

React 애플리케이션은 기술적으로 단일 페이지 애플리케이션입니다. "중첩된 페이지"가 ​​요청되면 서버가 루트 index.html 파일을 브라우저에 올바르게 제공하고 있는 것 같습니다... 하지만 페이지는 중첩된 경로 이름을 기준으로 스타일시트를 로드하려고 합니다. "/watch/someId".

절대 경로를 사용해 보세요.

으아악