踏实的脆皮肠 · 中国南极测绘研究中心 学术会议· 6 月前 · |
讲道义的乌龙茶 · 两个简单工具,彻底解决GitHub访问慢的问 ...· 8 月前 · |
听话的牛肉面 · 在Numpy中生成对称矩阵· 1 年前 · |
风流的板凳 · h.264宏块与子宏块类型 - ...· 1 年前 · |
我正在尝试在最新的Vite 2/Vue 3中使用电子。我已经安装了两个版本的电子主文件,这样我就可以测试和使用dev服务器和构建:
加载localhost:3000 (来自npm )的loadURL
的dist文件夹加载构建的版本(来自npm运行生成)
我已经设置了新的BrowserWindow选项:
webPreferences: {
nodeIntegration: true,
contextIsolation: false,
enableRemoteModule: true,
preload: path.join(app.getAppPath(), 'electron.preload.js')
}
在开发和构建版本中,该应用程序的电子启动都很好,加载所有资产,并且没有任何安全错误。但是,当我试图在我的项目中从“电子”导入任何模块时,例如:
import electron from 'electron';
我知道错误:
Uncaught TypeError: path.join is not a function
at node_modules/electron/index.js (index.js:4)
我试着检查path和__dirname,看看它们是否适用于我的项目:
import * as path from 'path';
console.log(path);
console.log(path.join);
console.log(__dirname);
它们在电子显像板中追踪到了以下几点:
如果我尝试不同地导入路径:
import path from 'path'
console.log(path);
console.log(path.join);
我得到以下结果:
无论如何,path.join是未定义的。现在我几乎被困在如何继续下去的问题上。
我还可以补充说,我想使用fs--额外的,但这也失败了:
import fs from 'fs-extra';
编辑:在webPreferences中添加预加载
发布于 2022-04-17 08:34:20
我相信Vite在幕后改变了很多事情。谢天谢地,
@electron/remote
提供了另一种获取东西的方法:
electron.js
const { app, BrowserWindow } = require("electron");
const Remote = require("@electron/remote/main");
Remote.initialize();
// ...
app.on("ready", () => {
mainWindow = new BrowserWindow({
webPreferences: {
nodeIntegration: true,
enableRemoteModule: true,
contextIsolation: false,
Remote.enable(mainWindow.webContents);
mainWindow.loadFile(path.resolve("./dist", "index.html"));
// ...
Component.tsx
import type { BrowserWindow } from "electron";