问题标签 [electron-forge]
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.
webpack - 打包的电子应用程序无法找到节点模块
我有一个使用electron-forge设置的电子项目。该应用程序在本地运行良好,我正在尝试将其打包以在各种操作系统上分发。但是,当我打包并编译应用程序并尝试运行它时,我收到cannot find module ...
如下错误:
我的构建过程如下:
- 用于
webpack
将电子组件捆绑到一个文件中 - 打包并编译使用
electron-forge
webpack.config.js
forge.config.js
我在这里做错了什么?似乎electron.asar
构建的不知道如何/在哪里找到某些 node_modules,但我的印象是它们将包含在由webpack
.
electron - 通过 electron-forge electronPackagerConfig 设置平台相关图标
使用 electron-forge 构建桌面应用程序。该应用程序是为 OSX 和 Windows 构建的。在我的 package.json 中,我有:
当我在 Windows 上构建时,我必须手动将 package.json 中的图标从“app_icon_osx.icns”更改为“app_icon_win.ico”。
如果我尝试对两个平台都使用“app_icon.png”,则该图标不会显示在 OSX 上,并且构建失败并出现“rcedit.exe failed with exit code 1. Fatal error: Unable to set icon”在 Windows 上。
我在项目的一个文件夹中拥有所有 3 个版本的图标(icns、ico、png)。因为我使用的是电子锻造,我似乎无法使用电子打包器的 --icon 参数。
有没有办法可以传递图标以用作命令行参数,而不是在 package.json 中硬编码?或者我可以在两个平台上使用相同的 png 的方法?
angular - electron-forge 包无法打包文件 typings.d.ts
电子锻造包
失败
有角度的项目
看起来无法打包文件typings.d.ts
这是错误
有任何想法吗
electron - 如何在不复制源代码的情况下使用“电子锻造包”?
当我使用electron-forge package
时,它会创建一个 dir '/out',如下所示:
out/
- appname-forge-win32-x64/
- - locales/
- - resources/
- - - app/
- - - electron.asar
在 dir app 中是我的源代码。可以确定我可以在没有它们的情况下运行 .exe。如何配置electron-forge,无需复制源代码即可打包?
angular - electron-forge 不会从单独的 HTML 文件编译组件模板
我使用 angular2 模板用电子锻造建立了一个新项目。一切正常,但后来我尝试将组件模板移动到单独的 HTML 文件中。
我只是从 中获取示例 HTML app.component.ts
,将其粘贴到app.component.html
同一目录中的新内容中,并将组件中的...更改
template: `<h1>template content</h1>`
为..
templateUrl: './app.component.html'
当我现在运行它时,我得到了错误:
Couldn't set selectedTextBackgroundColor from default ()
并且启动的电子窗口只显示一条关于未能编译新模板 HTML 的错误消息。
是否需要一些配置才能使用外部模板?还是我在这里遗漏了一些明显的东西?
当/如果我解决了这个问题,我是否会遇到类似的问题,使用添加外部样式表styleUrls:[]
?
任何建议都欣然接受。今天,我对创建电子/角度应用程序的前景充满童心,但由于无法让任何东西正常工作而慢慢粉碎。
提前致谢!
vue.js - 嵌套单文件组件 - 带有电子锻造的 vue.js
我第一次尝试电子,我被它震撼了。但是,在尝试使用电子锻造的单个文件 vue.js 组件时,我遇到了困难。我的问题如下:
我使用 vue.js 模板创建一个项目并运行它。工作,看起来很棒。我有一个带有索引文件的单个文件页面,如下所示:
到目前为止,一切都很好。它导入Test,这是一个单一的文件组件并呈现它。
现在,我想在这个主组件中嵌套其他单个文件组件。例如,我想在我的名为 test.vue 的应用程序文件中包含以下内容
再说一次,到目前为止一切都很好。我可以毫无错误地运行应用程序,因此正在导入组件。
我的问题来了:如果我现在尝试使用 渲染组件<appAbout></appAbout>
,就像我之前在使用 vue.js 的 Web 应用程序中所做的那样,我会收到以下错误。
它基本上说我没有在我的组件中使用单个根元素,这真的很奇怪,因为我的组件看起来像这样:
我被困住了。有人可以帮忙吗?
virtual-machine - Electron - 在 Mac 上为 Windows 开发
我正在使用 Electron 启动一个用于 Windows 桌面应用程序的项目,但是开发将在 Mac 上完成。
目前,为了在 Windows 上运行应用程序,我必须打包项目,然后.exe
在虚拟机上运行。
是否有人针对这种情况进行了有效的设置,可以在开发期间启用实时更新和热重载?
typescript - 如何调试electron-forge react-typescript的渲染器进程?
我已经使用 electron forge 生成了一个基于 react-typescript 模板的应用程序。我已经为该应用编写了一些 vscode 调试配置。但我刚刚可以调试主进程,缺少渲染器。我已经为 chrome 扩展安装了调试器并且之前使用过它。我想知道我在配置中缺少什么?
electron - React CSS Modules, babel-plugin-react-css-modules with electron-compile no webpack
我正在尝试开始使用react-css-modules
w/ babel-plugin-react-css-modules。目前我有一个运行反应的电子锻造应用程序。
我的.compilerc
样子如下:
我的理解.compilerc
类似于.babelrc
(我没有.babelrc
文件),请参阅:电子编译(电子锻造使用的 - 我猜)
但是,我.css
的项目目录中有文件,如果我运行,DEBUG=* electron-forge start
我看到它们只是被传递(未预处理)
我已经尝试添加react-css-modules
到我的线路plugins
并.compilerc
创建一个新的.babelrc
.compilerc
:
.babelrc
两者都在运行之后yarn add babel-plugin-react-css-modules -s
,但是当我尝试运行时仍然出现编译错误 no compiler found :
import "mystyles.css"