React Router no input file specified
<p>I'm using react-router to navigate my page to auth page. Here is my code:</p>

<pre><code>import React, {Component} from 'react';
import ReactDOM from 'react-dom';
import {Provider} from 'react-redux';
import {createStore, applyMiddleware} from 'redux';
import {Router, Route, IndexRoute, browserHistory} from 'react-router';
import reducers from './reducers';

import App from './components/app';
import Authenticate from './components/auth/index';
import Login from './components/auth/login';

ReactDOM.render(
    &lt;Provider store={createStoreWithMiddleware(reducers)}&gt;
        &lt;Router history={browserHistory}&gt;
            &lt;Route path="authenticate"&gt;
                &lt;IndexRoute component={Login} /&gt;
                &lt;Route path="/login" component={Login}/&gt;
            &lt;/Route&gt;
            &lt;Route path="/" component={App}&gt;
                &lt;IndexRoute component={Login} /&gt;
            &lt;/Route&gt;
        &lt;/Router&gt;
    &lt;/Provider&gt;
    , document.querySelector('.container')
);
ReactDOM.render(
    &lt;Provider store={createStoreWithMiddleware(reducers)}&gt;
        &lt;Router history={browserHistory}&gt;
            &lt;Route path="/authenticate" component={Authenticate}&gt;
                &lt;IndexRoute component={Login} /&gt;
                &lt;Route path="login" component={Login}/&gt;
            &lt;/Route&gt;
            &lt;Route path="/" component={App}&gt;

            &lt;/Route&gt;
        &lt;/Router&gt;
    &lt;/Provider&gt;
    , document.querySelector('.container')
);
</code></pre>

<p>The problem is every time I navigate to <code>authenticate/login</code> it always say <code>No input file specified.</code>. But if I navigate to <code>/</code> it works properly</p>

<p>Any solution?</p>