【发布时间】:2020-02-19 22:47:30
【问题描述】:
https://github.com/Jazzepi/bunny-tracker
我正在为非营利性的 Ohio House Rabbit Rescue(他们很棒)开发一个小型本地化数据库,并且我正在努力部署 Electron 应用程序的版本。
当我将消息从渲染器传递到主进程时,我经常会传递整个 Typescript 对象。我想在主流程中使用这些 Typescript 定义,而不是手动复制它们。您可以在此处查看这些导入。任何来自以./src/ 开头的导入的内容都是从 ES“用户”模块中提取的。
https://github.com/Jazzepi/bunny-tracker/blob/master/main.ts
import { app, BrowserWindow, ipcMain, Menu, MenuItem, MenuItemConstructorOptions, screen, shell } from 'electron';
import * as path from 'path';
import * as url from 'url';
import * as moment from 'moment';
import Bunny from './src/app/entities/Bunny';
import * as sqlite from 'sqlite';
import { Database } from 'sqlite';
import * as log from 'electron-log';
import SQL from 'sql-template-strings';
import IPC_EVENT from './src/app/ipcEvents';
import GENDER from './src/app/entities/Gender';
import RESCUE_TYPE from './src/app/entities/RescueType';
我在运行生产就绪应用映像时遇到的错误是这样的。我在 Linux 中使用 app-image 获取此图像,在 Mac 中使用 dmg。
ohrr@ohrr:~/repos/bunny-tracker$ release/bunny-tracker-2.0.0-x86_64.AppImage
A JavaScript error occurred in the main process
Uncaught Exception:
Error: Cannot find module './src/app/ipcEvents'
Require stack:
- /tmp/.mount_bunny-45gwlx/resources/app.asar/main.js
-
at Module._resolveFilename (internal/modules/cjs/loader.js:659:15)
at Function.Module._resolveFilename (/tmp/.mount_bunny-45gwlx/resources/electron.asar/common/reset-search-paths.js:43:12)
at Function.Module._load (internal/modules/cjs/loader.js:577:27)
at Module.require (internal/modules/cjs/loader.js:715:19)
at require (internal/modules/cjs/helpers.js:14:16)
at Object.<anonymous> (/tmp/.mount_bunny-45gwlx/resources/app.asar/main.js:50:19)
at Module._compile (internal/modules/cjs/loader.js:808:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:820:10)
at Module.load (internal/modules/cjs/loader.js:677:32)
在开发模式下一切正常,但在生产部署中找不到模块。
我在以下链接中阅读了有关自定义协议的内容,但它们似乎更多是关于让您从自定义 URL 模式中获取值,并且我希望 import 不会弄乱 HTML 的东西。
Electron ES6 module import https://github.com/electron/electron/issues/12011 https://gist.github.com/smotaal/f1e6dbb5c0420bfd585874bd29f11c43
任何关于答案的帮助,甚至只是引导我朝着正确的方向前进都会很棒!如果我无法弄清楚这一点,我的解决方案是将用户导入的模块符号链接到主处理器实际可以从中导入的空间。
【问题讨论】:
-
如果您的项目目录布局是相对标准的路径,包括
src将在生产中中断。我认为您需要指定"rootDir": "src" -
@AluanHaddad electron-builder 已排除 src(我认为),所以我将从排除中删除它,看看它是否打包并工作。
-
好的,但是如果你使用 outDir,你应该使用 rootDir
-
@AluanHaddad 这些听起来像 webpack 指令?我不认为我在使用 webpack?
-
否定的,我说的是 tsconfig.json。我看了你的项目,你已经指定了 rootDir
标签: typescript ecmascript-6 electron ecma