反応ステータス404と反応ルータとHTMLWebpackPlugin

Question

私のwebpack設定では、index.htmlが提供されたままでHTMLWebpackPluginを使用します。

plugins: [ 
    new HTMLWebpackPlugin({ 
    title: 'My App', 
    favicon: path.join(__dirname, "../src/public/fav.ico") 
    }) 
] 

私は、これは、このようなindex.htmlを生成さらすことだ：私は、クライアント側を使用してい

app.use('/', express.static(__dirname)); 

を、反応-ルータを、ここでは私のルートです：

export default (
    <Route path="/" component={App}> 
    <Route path="home" component={HomePage} /> 
    </Route> 
) 

http://localhost:1337/にアクセスすると正しく動作し、「App」コンポーネントが正しく表示されますが、http://localhost:1337/homeにアクセスしようとすると、ルート/ homeのSERVER-SIDEのように見えるので、404が表示されます。もちろん

私はserver.jsに追加する場合：

app.get('/home', function(req, res) { 
    res.json({name: 'john'}); 
}) 

適切なJSONオブジェクトを返しますhttp://localhost:1337/homeコールを。

私には何が欠けていますか？

Answer 1

私は通常、おおよそこのような基本的なルートを行っています：

let React = require('react'); 

let Router = require('react-router'); 
let DefaultRoute = Router.DefaultRoute(); 
let Route = Router.Route(); 


<Route name="app" path="/" handler={require("./components/App"}> 
    <DefaultRoute handler={require("./components/HomePage"} /> 
    <Route name="anotherSite" handler={require("./components/anotherSite"} /> 
    <Route name="about-us" handler={require("./components/About"} /> 
</Route> 

あなたがルートに名前を付けるときに、特定のパスを使用する必要はありません。慣習として、ルート名は、意図的に名前以外のパスでパスオプションを作成する場合を除いて、パスと同じです。

それでも問題が解決しない場合は、さらに詳しい情報を質問に追加してください。