问题标签 [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 投票
0 回答
367 浏览

reactjs - ChunkLoadError:加载块 # 失败。电子反应样板

运行yarn package并打开我的应用程序后,当我的应用程序尝试显示使用React.Lazy.

块加载错误

package.json 构建选项

webpack 输出选项

块文件正确构建到screen/dist文件夹中,但生产代码似乎无法找到它。我实际上解压缩了app.asar生成的 Mac 应用程序,文件也在其中。

我在 Mac 上运行的节点版本 14.4.0 上。我从以前版本的样板模板升级我的代码。它曾经工作得很好。

如果有人有一些指导,我将不胜感激。谢谢

0 投票
0 回答
20 浏览

electron - 为什么从主进程调用的类中不存在“应用程序”?

我正在使用electron-react-boilerplate。我有这个main.dev.ts

还有我的 FileController 类

运行应用程序时,我得到

无法读取未定义的属性“getPath”

我升级到新版本的样板和扩展电子。由于远程现在已弃用,我将一些逻辑移入主进程。我不知道为什么 app 没有定义。

0 投票
0 回答
59 浏览

reactjs - 卸载应用程序后,电子反应应用程序不会删除更新程序文件 ...C:\Users\myfile\AppData\Local\myfile-updater

电子应用程序不会从 AppData C:\Users\myfile\AppData\Local\myfile-updater 中删除更新程序文件。我使用电子反应样板来创建这个 Windows 应用程序。https://github.com/electron-react-boilerplate/electron-react-boilerplate/。卸载应用程序后,更新程序文件不会被删除。因此,当重新启动系统时,它会给出 dll 文件丢失错误,并且此更新程序文件不会被删除。

0 投票
1 回答
914 浏览

node.js - 无法从 github 发布电子应用程序

我刚刚创建了电子反应应用程序,还实现了自动更新功能。但出乎意料的是,我从电子制造商那里得到了一些奇怪的错误日志。

我不知道如何解决它。我尝试了不同的方法。我希望这个社区能帮助我。提前致谢。

此配置适用于开发本地构建,并且在安装后也可以按预期正常工作。问题只会引发npm run package-deploy命令。

我做错什么了吗?

包.json

错误日志

0 投票
0 回答
55 浏览

reactjs - 无法在浏览器窗口之间导航 Electron-react(在 Prod 模式下)

我们如何在生产模式下的电子反应中的两个窗口之间导航。在开发模式下,由于我使用的是 React,所以我通过 HashRouter 进行导航。

这是我的 Routes.tsx

和 main.ts

在开发模式下,一切正常,但在生产模式下(构建应用程序安装程序(产品模式)后,我无法在不同的 Windows 之间导航。

main.ts 中的 else 循环内部有问题

我想在else 循环中写什么,以便在生产模式下的不同窗口之间导航

0 投票
0 回答
17 浏览

css - 名称修改导致选择器不选择

我正在使用electron-react-boilerplate,但是当我尝试应用一些 SCSS 代码时,它的名称会被损坏(我正在使用.sender选择器,它会导致选择器损坏.Message__sender__3EAdq)。这使得生成的 CSS 无法选择实际.sender元素。有谁知道解决这个问题?

0 投票
0 回答
40 浏览

javascript - React 应用程序将 React 组件注入 webview

我有一个 Electron/React 应用程序,它现在在一个窗口中呈现所有内容。在我的应用程序中,我想打开一些外部 URL,我认为选项卡是实现此目的的好方法。经过一番研究electron-tabs,在 NPM 库中找到了一个符合我要求的模块。Electron-tabs将每个选项卡的内容呈现在webview.

我在干净的 Electron/React 样板中对库进行了一些测试,但遇到了困难。虽然我可以使用外部 URL 打开其他选项卡,但我无法将 React 组件安装到我的第一个选项卡中,这将始终是主选项卡(我们称为固定选项卡)

这是我的代码片段示例:

如何注入在属性中传递的 React 组件src

0 投票
1 回答
165 浏览

webpack - dotenv-webpack 和 terser:来自 Terser 无效分配的错误

我正在开发一个电子应用程序。我已经dotenv-webpack在 webpack 配置中添加了插件,但是当我尝试构建它时,我收到来自 Terser 的错误。此外,如果我对 TerserPlugin 配置进行评论,错误仍然会出现。

Terser 错误分配无效。

0 投票
0 回答
11 浏览

reactjs - 使用 Electron React BLPT 安装蓝图时出错

我正在尝试将 Blueprint 与此 Electronic React BLPT 一起使用,但是我对 web/js/electron 非常陌生并且遇到了错误。我正在运行一个新克隆的 Electron React BLPT 存储库的命令是“yarn add @blueprintjs /core react react-dom” 有很多错误,我无法确定一个要复制和粘贴的根本原因。

这是电子反应蓝图的链接

https://electron-react-boilerplate.js.org/

0 投票
1 回答
600 浏览

node.js - @react-pdf/renderer 仅在第一次渲染时显示 pdf

我目前使用 react-pdf/renderer 和Electron-React-Boilerplate。如果我重新启动我的应用程序,则会生成并显示 pdf。如果我关闭页面并重新打开它,pdf 所在的位置是空白的。

在此处输入图像描述

即使我只显示 pdf 文件的下载链接而不是尝试显示它,它也仅适用于组件的第一次渲染。之后instance.url变为空。

我开始认为它可能是一个 webpack 配置,但真的不知道。我已按照 react-pdf 说明进行操作,但看不出问题出在哪里。如果有人有任何想法可以引导我朝着正确的方向前进,那就太好了。谢谢