リアクタ・ルータリアクタ・ルータを更新した後のキャッチ・タイプ・エラー

Question

リア・ルータを最新バージョンに更新し、最新バージョンに対応しました。今では私のプロジェクトでブラウザに "Uncaught TypeError：未定義の 'Route'プロパティを読み取ることができないというエラーが表示され続けます。

このエラーを解決するにはどうすればよいですか。ここに私のpackage.jsonとwebpackファイルがあります。

// Package.json

{ 
    "name": "fishery-logistics", 
    "version": "0.0.1", 
    "description": "Fishery Logistics Weigh-in web application", 
    "main": "app-server.js", 
    "dependencies": { 
    "babel-core": "^5.8.38", 
    "babel-loader": "^5.4.2", 
    "bootstrap": "^3.3.7", 
    "express": "^4.14.0", 
    "fixed-data-table": "^0.6.3", 
    "moment": "^2.15.1", 
    "mysql": "^2.11.1", 
    "react": "^15.3.2", 
    "react-d3": "^0.4.0", 
    "react-dom": "^15.3.2", 
    "react-router": "^2.8.1", 
    "react-router-bootstrap": "^0.23.1", 
    "socket.io": "^1.4.8", 
    "socket.io-client": "^1.4.8", 
    "underscore": "^1.8.3", 
    "webpack": "^1.13.2" 
    }, 
    "devDependencies": {}, 
    "scripts": { 
    "prestart": "webpack", 
    "start": "node app-server.js" 
    }, 
    "author": "Shashika Amunawatta", 
    "license": "MIT" 
} 

// WebPACKの

module.exports = { 
// Root client js file 
entry: "./app-client.js", 
// Where to put the processed file 
output: { 
    filename: "public/bundle.js" 
}, 
module: { 
    loaders: [{ 
     // When the webpack is run, babel will not run on these files 
     exclude: /(node_modules|app-server.js)/, 
     // Loader name 
     loader: 'babel' 
    }] 
} 
} 

これは一部を処理ルータです。

import React from 'react'; 
import { Router, Route, Link, IndexRoute, browserHistory } from 'react-router'; 

import App from './components/app'; 
import Main from './components/main'; 
import CreateOrganization from './components/create-organization'; 
import ManageUsers from './components/manage-users'; 
import FldList from './components/fld-list'; 
import FldView from './components/fld-view'; 
import WeighIn from './components/weigh-in'; 
import MatchFlds from './components/match-flds'; 
import NotFound from './components/not-found'; 

const routes = (
    <Router history={browserHistory}> 
     <Route path="/" component={App}> 
      <IndexRoute component={Main} /> 
      <Route path="create-organization" component={CreateOrganization} /> 
      <Route path="manage-users" component={ManageUsers} /> 
      <Route path="fld-list" component={FldList} /> 
      <Route path="fld-view/:fldId" component={FldView} /> 
      <Route path="weigh-in" component={WeighIn} /> 
      <Route path="match-flds" component={MatchFlds} /> 
      <Route path="**" component={NotFound} /> 
     </Route> 
    </Router> 
); 

Router.run(routes, function (Handler) { 
    React.render(<Handler />, document.getElementById('react-container')); 
}); 

Answer 1

ReactDOM.render()を使用する必要があります。 v0.14以降は、図書館をReactDOMとReactに分割しました。それは現在のverisonであなたのエラーの理由です。

Router.run(routes, function (Handler) { 
    ReactDOM.render(<Handler />, document.getElementById('react-container')); 
});