当前位置: 首页 > 面试题库 >

如何在Electron中使用React Router?

石喜
2023-03-14
问题内容

使用此样板作为参考,我创建了一个Electron应用程序。它使用webpack捆绑脚本并通过Express
Server托管脚本。

的WebPack配置是实质上相同的这个和服务器这样。

Electron的脚本加载:

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

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

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

我运行electron index.js以构建应用程序并node server启动服务器,该服务器使用webpack将脚本捆绑在一起。

它工作正常,我的React组件App已安装。但是我如何将react-router集成到其中呢?

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

[react-router] Location "/Users/arjun/Documents/Github/electron- app/app/index.html" did not match any routes

它以文件路径作为路由。浏览样板代码没有帮助。我想念什么?


问题答案:

另一种选择是改为使用 hashHistory 。实际上,在您所引用的
仓库中

,您可以看到他们正在使用 hashHistory
,然后尝试并回发该怎么样?



 类似资料:
  • dll 应该保存在哪里,node 第三方库应该如何封装,有没有最佳实践

  • 本文向大家介绍如何使用electron-builder及electron-updater给项目配置自动更新,包括了如何使用electron-builder及electron-updater给项目配置自动更新的使用技巧和注意事项,需要的朋友参考一下 说明: 本文的自动更新功能使用的项目为 electron-vue 脚手架搭建一个默认项目。 参考的文章如下: electron-vue 中文文档 ele

  • Electron获取package.json文件中定义的主文件并执行它。 此主文件创建应用程序窗口,其中包含呈现的网页以及与操作系统的本机GUI(图形用户界面)的交互。 当您使用Electron启动应用程序时,会创建一个main process 。 该主要过程负责与操作系统的本机GUI交互。 它创建了应用程序的GUI。 刚启动主进程并不会为应用程序的用户提供任何应用程序窗口。 这些是由主文件中的主

  • 所有 electron-builder 生成的文件都可以在 build 文件夹中找到。 构建 npm run build 构建未打包的目录 生成简单的可执行文件,没有完整的安装程序。用于快速测试。 npm run build:dir 默认的构建配置 可以在 package.json 中使用基于 electron-builder 的 各种选项 进行进一步定制。 "build": { "produc

  • 所有 electron-packager 生成的文件都可以在 build 文件夹中找到。 针对所有平台的构建 请注意,并非所有操作系统都可以为所有其他平台进行构建。 npm run build 针对特定平台的构建 平台包括 darwin、 mas、 linux 和 win32。 # build for darwin (macOS)npm run build:darwin 清除 从 build 删除

  • 最近接了需求,需要在electron中,在调用exec时候使用管理员权限 electron child_process.exec() 如何使用管理员权限运行?