2017-04-07 9 views
0

私のreactjsアプリは現時点でwebpackで動作します。私は、サイトが再コンパイルされるintellijの変更を保存するときに問題があります。私は、URLのlocalhostの下だときには、再び反応webpackアプリは、頻繁にリロード後にブランコページを持っています

をロードされていません:それはしかし、コンソールにエラーと白のページを持って再ロードし、新しい8080 /ダッシュボード/:

all:32 GET http://localhost:8080/dashboard/bundle.js 

私はルートURL http://localhost:8080でページをリロードmanualleする必要が改ページされたページを取得します。

何が問題なのですか?私にとって

enter image description here

+0

あなたが別のエディタでファイルを編集するときに同じことが起こるのでしょうか? Webpackのホットリロードに影響を与える可能性のあるWebStormの唯一のものは「安全な書き込み」です - webpack 1. *がうまく動かない(https://webpack.github.io/docs/webpack-dev-server.html#working -with-editors-ides-supporting-safe-write) – lena

+0

webpack dev serverを使用している場合は、webpack config内の 'historyApiFallback'を' true'に設定してください。 – Grajek

+0

? – Felix

答えて

0

ソリューションは、次のとおりです。

class Processes extends React.Component { 
    render() { 
     return (
      <div> 
       <Route path={`${this.props.match.url}/new`} component={ProcessesNew} /> 
       <Route path={`${this.props.match.url}`} exact component={ProcessesAll} /> 
      </div> 
     ) 
    } 
} 

export default Processes; 
関連する問題