问题标签 [electron-react-boilerplate]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
125 浏览

electron-react-boilerplate - 不能做圆角

我正在使用 Electron React Boilerplate,我正在尝试制作漂亮的圆角,但我得到的是白色方角。有人知道任何解决方案吗?

这就是我的应用角落的样子

这是我的浏览器窗口代码:

编辑:这里有更多代码

还有我的 CSS:

0 投票
1 回答
383 浏览

react-pdf - 尝试 Electron-React Boiler Plate 使用 @react-pdf/renderer 通过 PDFViewer 设置显示 PDF 组件

有没有人设置电子来传递 PDFViewer 组件,然后从 React 显示到 DOM?我能够显示一个空框,因为 blob 文件和 html 没有像在简单的 React 应用程序中那样传递给 DOM。要求将 blob 文件保存在某个地方,而不是像简单的 React 应用程序那样仅用于 DOM。

我认为 PDFViewer 信息需要以某种方式通过 package.json/webpack 传递到电子 main.dev.ts 文件才能正确显示到 DOM。

由于 PDFViewer 被安装和卸载,我也遇到了内存泄漏:

警告:无法对未安装的组件执行 React 状态更新。这是一个空操作,但它表明您的应用程序中存在内存泄漏。要修复,请取消 componentWillUnmount 方法中的所有订阅和异步任务。在 InternalBlobProvider(由 PDFViewer 创建)中 在 PDFViewer(在 tearDownSummery.tsx:9) 在 div(在 tearDownSummery.tsx:8)

这就是我必须调用的我设置的 pdf 组件,它可以一直工作到显示到 DOM。下载链接有效,我通过 .

这是我的 GitHub 项目:https ://github.com/staniszmatt/iir_Report.git 全部设置在 pdfSetup 分支上。

0 投票
1 回答
79 浏览

reactjs - React + Electron:来自部门的组件布局不正确

我正在尝试在一个项目中使用依赖项中的组件,该项目主要是从electron-react-boilerplate新分叉的。布局混乱(见下图)。尝试了react-chat-windowreact-chat-widgetreact-datepicker,所以它是全面的。对不起,如果这含糊不清,但我不知道还能说什么,我希望错过一些非常基本的东西。有人知道吗?

我还阅读了electron-react-boilerplate 文档。我的部门./package.json按照建议在其中,但我也尝试将它们放入./app/package.json,这完全破坏了它。This SO answer about material-ui 对此也无济于事。

这是我的页面组件的相关部分,与 react-chat-window 的示例几乎相同:

结果看起来像是一个缺少 CSS 或其他东西的网站: ew

应该看起来像这样:

好的

0 投票
1 回答
871 浏览

reactjs - 未找到生产抛出文件中的哈希路由错误

我正在使用 electron-react-boilerplate 并想在新的 BrowserWindow 中打开一个组件。关于如何执行此操作有多个问题和答案,但在打包应用程序后它们都不起作用。

我发现的问题/答案:

在我的组件中,我尝试使用以下几行打开一个新窗口到不同的路线。

第一个在运行 yarn dev 时有效,但在生产中无效。他们都为各自的路径抛出 ERR_FILE_NOT_FOUND 。

这就是我的路线设置方式:

使用 React 的路由器打开新的 BrowserWindow 时,是否有一种简单的方法来允许路由?

0 投票
0 回答
80 浏览

electron - 电子反应样板问题与 API

我在 Electron-react 样板项目上使用静态地图 API。地图仅在开发模式下显示,但当我将项目打包为应用程序 (.exe/.msi) 时,地图 api 不会显示。我试图更改 API,但我遇到了同样的问题。

我完全遵循了这个存储库

我在这条路径中有地图 API app/components

这是我添加地图代码的部分

0 投票
1 回答
91 浏览

javascript - React.createElement:类型无效 - Electron-React-Boilerplate

我是一名设计师,正在尝试学习一些编码,以便我可以在空闲时间从事自己的项目。我克隆了这个 [electron-react-boilerplate][1] 以开始使用,并从导航 UI 开始,只是为了让球滚动。

错误

在 TasksPage.tsx 上,第 5 行是<Tasks />,它指向 Tasks.tsx 文件(如下所示)。

Tasks.tsx (导出)

TasksPage.tsx(导入)

路线.tsx

路线.json

额外页面供参考

主页.tsx

CounterPage.tsx

0 投票
2 回答
454 浏览

javascript - 模块解析失败:意外字符 '�' (1:2) src/node_modules/playwright/bin/PrintDeps.exe

我试图在我的电子反应应用程序上运行一个剧作家脚本,但是当它到达剧作家代码时我收到了这个错误。

0 投票
1 回答
830 浏览

node.js - 无法将 sqlite3 编译为本机插件,Electron React Boilerplate 项目

我正在基于Electron React Boilerplate项目构建一个项目。我正在运行 MacOS 10.15.7 和节点 v14.15.1。

我正在尝试安装sqlite3软件包。由于它是本机依赖项,​​因此我yarn add sqlite3src/目录中运行,就像它说的那样 do here。编译失败,输出如下:

package.json

src/package.json

0 投票
0 回答
15 浏览

reactjs - React (Electron-React-Biolerplate) 不同处理 MacOS 和 Linux (Raspbian OS)

我在我的 MacBook 上开发了一个 React-Electron-Boilerplate (with Redux) 应用程序。由于它稍后需要在我的 RaspberryPi 上运行,所以我不时在那里对其进行测试。到现在为止,一切都是一样的……

我通过 WebSocket 检索协调并根据选择的movementSpec. 但不知何故,这在 macOS 上运行时的工作方式与在 Rasbian 上运行时不同。

更改Mac 上movementSpecuseCallback功能时,会更新并将“TRIGGERED!...”文本打印到控制台,但在 RaspberryPi 上这不起作用。奇怪的是,段落中的文本在两台机器上都会更新。实际上,除此之外的其他一切都useCallback以完全相同的方式工作!

我尝试了很多不同的东西,但没有落后。任何想法可能是这个问题的根源?任何帮助表示赞赏!

0 投票
0 回答
512 浏览

reactjs - 如何使用电子锻造在电子生产中添加额外的资源文件

我有一个文件,我需要强制使我的应用程序工作,我可以通过指定固定路径var path = process.cwd() + '/src/app/components/task/Scripts';和之后的文件名在开发中使用该文件,但是在打包应用程序后,我想将我需要的文件移动到 extraResources 文件夹中在我可以使用它的系统中 let path = pathPackage.join(process.resourcesPath, 'extraResources');,我正在使用 electron-forge maker 来生成生产构建 exe,但是在安装 exe 后没有创建 extraResources 文件夹,我在 package.json 文件中指定它

有人可以提供解决方案吗,我已经测试了所有示例,但没有一个有效