Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/436.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ReactJS未加载/渲染_Javascript_Reactjs_React Router - Fatal编程技术网

Javascript ReactJS未加载/渲染

Javascript ReactJS未加载/渲染,javascript,reactjs,react-router,Javascript,Reactjs,React Router,今天,当我启动iMac继续运行ReactJS应用程序时…它没有加载 我所说的“加载”是指,它不显示任何页面的内容 错误: 未捕获的TypeError:无法读取未定义的属性“getCurrentLocation” 如果您需要App.js和index.js的代码 这是: App.js: import React, { Component } from 'react'; import Header from './pages/Header'; import Footer from './pages/F

今天,当我启动iMac继续运行ReactJS应用程序时…它没有加载

我所说的“加载”是指,它不显示任何页面的内容

错误:

未捕获的TypeError:无法读取未定义的属性“getCurrentLocation”

如果您需要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;
import React,{Component}来自'React';
从“./pages/Header”导入标题;
从“./pages/Footer”导入页脚;
导入“/css/App.css”;
类应用程序扩展组件{
render(){
返回(
{/*内容*/}
应用程序页面
);
}
}
导出默认应用程序;
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'))
从'react Router'导入{Router,Route,History};
从“React”导入React;
从“react dom”导入react dom;
从“./App”导入应用程序;
//CSS
导入“./css/index.css”;
//页数
从“./pages/About”导入关于;
从“./页/寄存器”导入寄存器;
从“./pages/Cart”导入购物车;
从“/pages/Thank”导入感谢;
从“./pages/Faq”导入常见问题;
从“./pages/Contact”导入联系人;
从“./pages/Error”导入错误;
ReactDOM.render((
),document.getElementById('root'))

根据您的评论,您的历史对象未定义。请尝试导入
browserHistory
而不是
History
,并将其传递到路由器

React Router v4之前的版本(我假设您正在使用,因为您正在导入
路由器

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

...

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

控制台错误?我没有iMac,我有MacBook Pro…然后呢?
import { BrowserRouter, Route } from 'react-router';
...

...

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