ReactJS沒有加載/渲染

Question

今天，當我開始了在iMac繼續對ReactJS應用工作......這不加載...

我所說的「負荷」是什麼，這不是」 t顯示任何頁面的內容。

錯誤：

Uncaught TypeError: Cannot read property 'getCurrentLocation' of undefined

如果您需要App.js的代碼，並在這裏index.js 他們是：

App.js：

import React, { Component } from 'react'; 
import Header from './pages/Header'; 
import Footer from './pages/Footer'; 

import './css/App.css'; 

class App extends Component { 
    render() { 
    return (
     <div className="App"> 

     <Header /> 

      {/*Content*/} 
      <div> App Page </div> 

     <Footer /> 

     </div> 
    ); 
    } 
} 

export default App; 

index.js：

import { Router, Route, History } from 'react-router'; 
import React from 'react'; 
import ReactDOM from 'react-dom'; 
import App from './App'; 

// CSS 
import './css/index.css'; 

// Pages 
import About from './pages/About'; 
import Register from './pages/Register'; 
import Cart from './pages/Cart'; 
import Thanks from './pages/Thanks'; 
import Faq from './pages/Faq'; 
import Contact from './pages/Contact'; 
import Error from './pages/Error'; 

ReactDOM.render((
    <Router history={History}> 
    <Route path="/" component={App}> 
     <Route path="/pages/about" component={About}/> 
     <Route path="/pages/Register" component={Register}/> 
     <Route path="/pages/Cart" component={Cart}/> 
     <Route path="/pages/Thanks" component={Thanks}/> 
     <Route path="/pages/Error" component={Error}/> 
     <Route path="/pages/Faq" component={Faq}/> 
     <Route path="/pages/Contact" component={Contact}/> 
    </Route> 
    </Router> 
), document.getElementById('root')) 

Answer 1

雅高ding到你的評論，你的歷史對象是未定義的。請嘗試導入browserHistory而不是History，並將其傳遞到您的路由器。

版本反應過來之前，路由器V4（這我假設你正在使用，因爲要導入Router：

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

... 

.... 
<Router history={browserHistory}> 
    <Route path="/" component={App}> 

陣營，路由器V4：

進口Router/browserHistory相反的，你導入browserRouter ，它是創建它自己的歷史實例的路由器，它看起來像這樣：

import { BrowserRouter, Route } from 'react-router'; 
... 

... 

<BrowserRouter> 
    <Route path="/" component={App}>