Javascript 使用React和Electron-React路由器错误

我刚开始学习如何使用来制作桌面应用程序，我正在尝试使用Electron，但我不断地遇到错误

警告：[反应路由器]位置“/”与任何路由不匹配

main.js

app.on('ready', () => {
  win = new BrowserWindow({width: 800, height: 600});

  win.loadURL(`file://${__dirname}/index.html`);
  win.webContents.openDevTools();

  win.on('closed', () => win = null);
})

import App from './app';
import { Router, Route, hashHistory } from 'react-router';
import React from 'react';

const routes = (
  <Router>
    <Route path="/" component={App}/>
  </Router>
);

import ReactDOM from 'react-dom';
import React from 'react';
import { Router, hashHistory } from 'react-router';
import routes from './routes';

ReactDOM.render(<Router routes={routes} history={hashHistory}/>, document.getElementById('app'));

import React, { Component } from 'react';

export default class App extends React.Component {
  render() {
    return (
      <div>
        {this.props.children}
      </div>
    );
  }
}

routes.js

app.on('ready', () => {
  win = new BrowserWindow({width: 800, height: 600});

  win.loadURL(`file://${__dirname}/index.html`);
  win.webContents.openDevTools();

  win.on('closed', () => win = null);
})

import App from './app';
import { Router, Route, hashHistory } from 'react-router';
import React from 'react';

const routes = (
  <Router>
    <Route path="/" component={App}/>
  </Router>
);

import ReactDOM from 'react-dom';
import React from 'react';
import { Router, hashHistory } from 'react-router';
import routes from './routes';

ReactDOM.render(<Router routes={routes} history={hashHistory}/>, document.getElementById('app'));

import React, { Component } from 'react';

export default class App extends React.Component {
  render() {
    return (
      <div>
        {this.props.children}
      </div>
    );
  }
}

从“/App”导入应用程序；
从“react Router”导入{Router，Route，hashHistory}；
从“React”导入React；
常数路由=(
);

index.js

app.on('ready', () => {
  win = new BrowserWindow({width: 800, height: 600});

  win.loadURL(`file://${__dirname}/index.html`);
  win.webContents.openDevTools();

  win.on('closed', () => win = null);
})

import App from './app';
import { Router, Route, hashHistory } from 'react-router';
import React from 'react';

const routes = (
  <Router>
    <Route path="/" component={App}/>
  </Router>
);

import ReactDOM from 'react-dom';
import React from 'react';
import { Router, hashHistory } from 'react-router';
import routes from './routes';

ReactDOM.render(<Router routes={routes} history={hashHistory}/>, document.getElementById('app'));

import React, { Component } from 'react';

export default class App extends React.Component {
  render() {
    return (
      <div>
        {this.props.children}
      </div>
    );
  }
}

从“react dom”导入ReactDOM；
从“React”导入React；
从“react Router”导入{Router，hashHistory}；
从“./routes”导入路由；
ReactDOM.render（，document.getElementById（'app'））；

app.js

app.on('ready', () => {
  win = new BrowserWindow({width: 800, height: 600});

  win.loadURL(`file://${__dirname}/index.html`);
  win.webContents.openDevTools();

  win.on('closed', () => win = null);
})

import App from './app';
import { Router, Route, hashHistory } from 'react-router';
import React from 'react';

const routes = (
  <Router>
    <Route path="/" component={App}/>
  </Router>
);

import ReactDOM from 'react-dom';
import React from 'react';
import { Router, hashHistory } from 'react-router';
import routes from './routes';

ReactDOM.render(<Router routes={routes} history={hashHistory}/>, document.getElementById('app'));

import React, { Component } from 'react';

export default class App extends React.Component {
  render() {
    return (
      <div>
        {this.props.children}
      </div>
    );
  }
}

import React，{Component}来自'React'；
导出默认类App扩展React.Component{
render（）{
返回(
{this.props.children}
);
}
}

---

我能做些什么来解决这个问题？

你们有并没有试着把历史道具放到路由器里

<Router history={hashHistory}>

没有注意到。您在routes.js中声明您的路由器，然后在index中声明另一个通过路由的路由器为prop

我认为您应该更改routes.js（您必须导出routes const）

路线：

import App from './app';
import { Router, Route, hashHistory } from 'react-router';
import React from 'react';

const routes = (
   <Router history={hashHistory}>
   <Route path="/" component={App}/>
  </Router>
);

module.exports = routes;

是的，对我来说没有任何历史。谢谢：）你解决了这个问题吗？@HusseinAlkaf是的，我必须创建一个nodejs服务器让它工作，更具体地说是express