Standort des React-Routers stimmte nicht mit Routen überein

Ich bin mit dem React-Router-Routing festgefahren. Ich erhalte den Fehler:

Warning: [react-router] Location "/FluxApp/" did not match any routes

Das ist mein app.js:

var React = require('react');
var ReactDOM = require('react-dom');
var Router = require('react-router').Router;
var Route = require('react-router').Route;
var IndexRoute = require('react-router').IndexRoute;
var browserHistory = require('react-router').browserHistory;

var App = require('./views/App');
var Home = require('./views/Home');


var Routes = (<Router history={browserHistory}>
               <Route path="/" component={App}>
                 <IndexRoute component={Home} />
               </Route>
              </Router>);

ReactDOM.render(Routes, document.getElementById('content'));

My App.js Wie unten

var React = require('react');
var RouteHandler = require('react-router').RouteHandler;

var App = React.createClass({
  render: function() {
     return (
        <RouteHandler />
     );
  }
});

module.exports = App;

My Home.js Wie unten

var React = require('react');

var Home = Re,act.createClass({

  render: function() {
    return (
      <div>
        Home
      </div>
    );
  }

});

module.exports = Home;

Hier ist meine Projekthierarchie:

/FluxApp
   |...
   +/js
   .  |
   .  +/actions
   .  +/constants
   .  +/dispatcher
   .  +/stores
   .  +/views
   .  .     |
   .  .     App.js
   .  .     Home.js
   .  app.js
   .
   index.html

ie Sie sich denken, baue ich app.js mit browserify und create bundle.js und ich benutze das bundle.js in script-Tag in index.html

Hier sind meine Versionen alles mit in Projekt.

"dependencies": {
   "classnames": "^2.2.3",
   "flux": "^2.1.1",
   "keymirror": "^0.1.1",
   "object-assign": "^1.0.0",
   "react": "^0.14.6",
   "react-dom": "^0.14.6",
   "react-router": "^2.0.0-rc5"
},
"devDependencies": {
   "browserify": "^6.2.0",
   "envify": "^3.0.0",
   "jest-cli": "^0.4.3",
   "reactify": "^0.15.2",
   "uglify-js": "~2.4.15",
   "watchify": "^2.1.1"
},

Also, wenn ich versuche zu "http: // localhost: 8080 / FluxApp / "Ich erhalte immer den gleichen Fehler:" Warnung: [reagiere-Router] Ort "/ FluxApp /" stimmte nicht mit Routen überein "

Wie kann ich das lösen? Vielen Dank

Antworten auf die Frage(4)

Ihre Antwort auf die Frage