일부 노선 반응 라우터 4

와 일치하지 않는 내가 반응 라우터 4. 내 노선은에 일치하는 경로에 문제가 있습니다일부 노선 반응 라우터 4

<Switch> 
    <Route exact path='/' component={Home} /> 
    <Route path='/communities/create' component={CreateCommunity} /> 
    <Route component={PageNotFound} /> 
</Switch>

을 /를 들어, 내가 홈 페이지 (OK)을 얻을 수있다.
/test의 경우 찾을 수없는 페이지 (확인)가 표시됩니다.
/communities/create의 경우 빈 페이지 (Not OK)가 표시됩니다. 하나 이상의 내 길에, 나는 빈 페이지를 얻을 "/"가있는 경우

를 얻을. 빈 페이지를 어떻게 얻을 수 있습니까? 최소한 "발견되지 않은"페이지 여야합니다. 그러나 하나 이상의 "/"에 대해, 나는 빈 페이지를 얻는다. 어떤 경로도 일치하지 않는 것 같습니다.

출처

2017-11-04 vijayst

문제가 주어진 스니 펫에있는 것처럼 보이지 않습니다. 빈 페이지가 표시되면 구성 요소가 아닌 것이로드 될 수 있습니다. 콘솔에서 무엇이 보이니? –

예, 콘솔 오류가 발생했습니다 : 리소스를로드하지 못했습니다 : 서버가 404 상태 (찾을 수 없음)로 응답했습니다. webpack 용 devServer 구성에서'historyApiFallback : true'를 사용하고 있습니다. – vijayst

명백하게 문제는 반응 라우터 구성과 관련이 없습니다. 하지만 webpack 구성과 관련이 있습니다.

webpack-dev-server에서 historyApiFallback : true 설정을 사용하고 있습니다. 모든 경로는 위의 구성으로 index.html에 의해 제공됩니다. 내가 할 수 있었다

output: { 
    path: path.resolve(__dirname, 'dist'), 
    filename: 'bundle.js', 
    publicPath: '/' 
},

반응 - 보일러의 github issue를 사용하여 해결하기 위해 :하지만 다음과 같이 publicPath가 출력 구성으로 설정되어있을 때 작동하는 것 같다.

출처

2017-11-04 08:01:03 vijayst

일부 노선 반응 라우터 4

답변

관련 문제