如何在 Electron 中使用 React Router? [英] How to use React Router with Electron?

问题描述

使用这个样板作为参考，我创建了一个电子 应用程序.它使用 webpack 来捆绑脚本并使用 express 服务器来托管它.

Using this boilerplate as reference I created an Electron app. It uses webpack to bundle the scripts and express server to host it.

Webpack 配置实际上与 this 和服务器相同这个.

Webpack config is practically same as this and server this.

Electron 的脚本加载:

Electron's script loads:

mainWindow.loadURL('file://' + __dirname + '/app/index.html');

和 index.html 加载服务器托管的脚本:

And index.html loads the script hosted by the server:

<script src="http://localhost:3000/dist/bundle.js"></script>

我运行 electron index.js 来构建应用程序和 node server 来启动使用 webpack 捆绑脚本的服务器.

I run electron index.js to build the app and node server to start server which using webpack bundles the scripts.

它工作正常，我的 React 组件应用程序已安装.但是我如何将 react-router 集成到其中?

It works fine, my React component App is mounted. But how I integrate react-router into this?

我以与在浏览器应用程序中相同的方式实现了它.我收到此错误:

I implemented it the same way I would in a browser app. I get this error:

[react-router] 位置/Users/arjun/Documents/Github/electron-app/app/index.html"没有匹配任何路由

以文件路径为路由.通过样板代码没有帮助.我错过了什么?

It is taking file path as the route. Going through the boiler plate code did not help. What am I missing?

推荐答案

另一种选择是改用 hashHistory.实际上，在您引用的存储库中 #L10" rel="noreferrer"可以看到他们正在使用 hashHistory，尝试一下然后回发怎么样?

Another option would be to use hashHistory instead. Actually, in your referenced repo you can see that they're using hashHistory, how about trying that and posting back?

这篇关于如何在 Electron 中使用 React Router?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！