vite --config vite.config.electron.ts:指定vite运行时的配置文件。 {"name":"electron_vite","private":true,"version":"1.0.0","main":"dist-electron/main.js","type":"commonjs","scripts": {"dev":"chcp 65001&&vite","build":"vue-tsc && vite build","preview":"vite preview","electron:...
路径问题,需要在vite.config.js中增加一行配置 base: './' 重新打包再运行,发现页面出来了,但是路由组件没出现,应该是路由出问题了,需要将路由改成hash模式 const router = createRouter({ history: createWebHashHistory(), routes, }); 再执行electron-builder,打包后的应用打开依旧白屏且报错 猜测是页面没有被...
这里直接将forge.config.js改为forge.config.cjs,再次运行npm run start,打开出现白屏 (node:78116) electron: Failed to load URL: file:///D:/webPro/yunfeng/electron-vite-project/dist/index.html with error: ERR_FILE_NOT_FOUND (Use `electron --trace-warnings ...` to show where the warning wa...
closeBundle我们electron打包是需要index.html 所以我们先等vite打完包之后vite会自动调用这个钩子 然后在这个钩子里面打包electron vite.config.ts import { fileURLToPath, URL } from 'node:url' import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import {viteElectronDev} from '....
6. 执行 npm run make则会自动打包在根目录的out文件夹中,make文件有setup文件,vue-project-win32-x64(可自己命名)有exe文件可执行 补充:如果打包后还是白屏状态,删除对应的crossorigin字段,link同理,并且考虑打包后的资源地址是否正确,直接使用vite打包资源路径无法正确获取路径...
electron打包后白屏问题 原来是route文件写法问题,要用hash路由 import { createRouter, createWebHistory,createWebHashHistory } from "vue-router"; const routes = [{ path: "/index", name: "index", component: ()=>import('@/views/index.vue'),...
Mac 下,打包安装后,运行时白屏、崩溃问题 在Mac OS 10.4 及以后版本,运行安装包时,如果获取不到 摄像头、麦克风、屏幕录制 权限,程序会因为没有这些硬件的访问权限,在进入 TRTC 房间后直接白屏或者崩溃。解决方法如下: 1.添加 entitlements.mac.plist 文件,文件内容如下,相关配置的具体含义,请参见苹果开发者网站...
使用环境:MacOS m2 air (arm64架构,使用electron-builder作为打包工具) 打包命令:"build:mac": "tsc && vite build && electron-builder" 使用版本: { "electron-builder": "^24.6.3", "vite-plugin-electron": "^0.28.2", "vite-plugin-electron-renderer": "^0.14.5" } 问题:打包后程序白屏,并且提示...
本地运行起来的桌面窗口未关闭,先关了再来打包。 引用react +vite打包后的 dist 文件白屏 react + vite build 打包后的文件,js 和 css 资源引用路径都是绝对路径,导致 electron 中加载不到对应的文件。 解决办法,配置 vite.config.js 中的 base: './' 为相对路径。 本地运行调试前端...
external:指定不需要被打包的外部依赖项,这里是['electron'],表示electron模块不需要被打包。 在这段代码中,esbuild会将src/background.ts文件编译为JavaScript 并且放入dist fs.watch主要实现热更新 每次background.ts 修改完成就会重新启动electron进程 vite.electron.build.ts ...