在package.json文件添加命令"electron:dev": "chcp 65001 && vite --config vite.config.electron.ts" chcp 65001:解决控制台中文乱码问题。 vite --config vite.config.electron.ts:指定vite运行时的配置文件。 {"name":"electron_vite","private":true,"version":"1.0.0","main":"dist-electron/main.js"...
Electron Vite 控制台乱码问题解决 乱码复现:[22272:0828/120113.580:ERROR:CONSOLE(0)] "[formatjs Error: MISSING_VALUE] The intl string context variable "REASON_PROPERTY_DECLARATION_CODE" was not provided to the string "璇峰皾璇曠Щ闄?{REASON_PROPERTY_DECLARATION_CODE} 鎴栨洿鏀瑰叾鍊笺€?", so...
方式一:可以使用 vite 分别将 electron 和 preload 单独打包进入 dist 文件目录,但是这种方式对于开发调试来说,极其不方便,因为只要改动主进程代码或者 preload 中的代码都需要重新打包之后再运行 electron。因此这种方式这里不做详细的赘述。 方式二:可以通过Electron Forge脚手架实现,具体参考Electron 官网及Electron Forg...
} 然后运行以下命令来启动 Electron 应用: bash npm run electron:start 或者 bash yarn electron:start 如果一切配置正确,你应该能够看到 Electron 应用窗口成功加载并显示你的 Web 内容。如果遇到任何问题,请检查控制台输出以获取错误信息,并根据需要进行调试。
1现有 electron-vite.config.ts 配置如下:import { defineConfig, externalizeDepsPlugin } from 'electron-vite' import react from '@vitejs/plugin-react' import path, { resolve } from 'path' export default defineConfig({ main: { resolve: { alias: { '@main': path.resolve(__dirname, 'src/...
通过Vite启动Web项目 调试脚本首先要做的工作就是启动Vue项目 让它跑在http://localhost下,这样我们修改渲染进程的代码时, 会通过Vite的热更新机制实时反馈到界面上 Vite除了提供cli的指令启动项目外,也提供了API,我这里就是直接调它的API来启动项目的
npm create vite@latest my-vue-app -- --template vue-ts 安装依赖: npm install 运行项目: npm run dev 这样一个最简单的Vue3 + TS + Vite的前端项目就初始化好了。 2.安装Electron相关包 初始化一个基本项目后,我们需要在项目中安装一些关于electron的包。
考虑使用 Electron 提供的日志功能,如electron-log,这可以帮助你更好地控制日志的输出,包括输出到文件、控制台或远程服务器。 检查Electron 的启动参数: 确保你启动 Electron 应用的命令或脚本没有使用任何会抑制输出的参数。 Vite 配置: 虽然Vite 主要负责渲染进程的构建和开发服务器,但它也可能间接影响 Electron 的...
- **原因**:在开发阶段,Electron 项目通常使用 `webpack` 或 `vite` 等脚手架启动本地 HTTP 服务,支持 `history` 路由模式。但打包后,应用不再依赖 HTTP 服务,而是直接加载静态文件,此时 `history` 路由模式可能会导致页面空白。 - **解决方案**:将路由模式从 `history` 改为 `hash`。例如,在 Vue 项目...
开发新版本 Vue 项目推荐你使用 Vite 脚手架构建开发环境,然而 Vite 脚手架更倾向于构建纯 Web 页面,而不是桌面应用,因此开发者要做很多额外的配置和开发工作才能把 Electron 引入到 Vue 项目中,这也是很多开发者都基于开源工具来构建 Electron+Vue 的开发环境的原因。