electron-vite报错Unexpected end of JSON input

Electron使用loadURL时报错

报错Unexpected end of JSON input

复现场景

一个用vite启动浏览器脚手架;另一个用electron-vite启动时;
注意 :vite 默认启动端口号都是5173;

原理分析

错误的核心根源:端口冲突引发的通信数据污染

Electron-Vite配置修改

要放在renderer里面

typescript 复制代码
// 对于 electron-vite 项目(electron.vite.config.ts)
import { defineConfig } from 'electron-vite'

export default defineConfig({
  renderer: {
    server: {
      port: 5173, // 起始端口
      strictPort: false, // 关键:默认 false,自动切换端口
    },
  },
})
相关推荐
林希_Rachel_傻希希43 分钟前
js里面的proxy理解。以及vue3响应式数据设计底层
前端·javascript·面试
阿黎梨梨1 小时前
AI Loop:告别“人肉写提示词”,让代码替你“鞭策”AI
javascript·人工智能
TrisighT4 小时前
Electron 跑在鸿蒙 PC 上,单窗口和多窗口内存差 800MB?我抓了 5 组数据
性能优化·electron·harmonyos
竹林8184 小时前
用 wagmi v2 + viem 监听链上事件,我踩了三天坑终于搞懂了实时日志与历史补全
javascript
只一5 小时前
😭从回调地狱到 async/await:一文打通 Ajax 与 JS 异步编程
javascript
疯狂SQL5 小时前
手写高性能在线 JSON 工具|Web Worker 工程化打包 + 语法自动修复 + 多语言代码生成实战
typescript·json·next.js·web worker·前端性能优化·esbuild·源码实战
weedsfly5 小时前
语法糖褪去之后——Babel 转译产物中的 JavaScript 本貌
前端·javascript
JustHappy5 小时前
「软件设计思想杂谈🤔」“切图仔”也能懂编译原理?框架源码也许没那么难。聊聊 Vue 的编译(上)
前端·javascript·vue.js
晓得迷路了6 小时前
栗子前端技术周刊第 134 期 - React Router v8、TypeScript 7 RC、React Native 0.86...
前端·javascript·react.js
代码煮茶21 小时前
React 组件封装方法论 —— 以 Todo App 为例
javascript·react.js