react-router4のルートマッチングに問題があります。私のルートは次のとおりです。
<Switch>
<Route exact path='/' component={Home} />
<Route path='/communities/create' component={CreateCommunity} />
<Route component={PageNotFound} />
</Switch>
ルートに複数の「/」がある場合、空白のページが表示されます。どうすれば空白のページを取得できますか?少なくとも「見つかりません」ページである必要があります。しかし、複数の「/」の場合、空白のページが表示されます。どのルートも一致していないようです。
どうやら、問題はreact-routerの設定とは何の関係もありません。しかし、webpackの構成とはもっと関係があります。
私はhistoryApiFallbackを使用しています:webpack-dev-serverでのtrue設定。すべてのルートは、上記の構成でindex.htmlによって提供されます。ただし、publicPathが出力構成で次のように設定されている場合は機能するようです。
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js',
publicPath: '/'
},
私はreact-boilerplateのgithubの問題を使用してそれを解決することができました。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加