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,自动切换端口
    },
  },
})
相关推荐
终端鹿4 小时前
Vue3 模板引用 (ref):操作 DOM 与子组件实例 从入门到精通
前端·javascript·vue.js
蜡台5 小时前
Vue 打包优化
前端·javascript·vue.js·vite·vue-cli
卷帘依旧5 小时前
JavaScript中this绑定问题详解
前端·javascript
yaaakaaang6 小时前
(八)前端,如此简单!---五组结构
前端·javascript
EstherNi7 小时前
vue3仿照elementui样式的写法,并进行校验,并且有默认值的设置
javascript·elementui
gCode Teacher 格码致知7 小时前
Javascript提高:get和post等请求,对于汉字和空格信息进行编码的原则-由Deepseek产生
开发语言·前端·javascript·node.js·jquery
竹林8187 小时前
从ethers.js迁移到Viem:我在一个DeFi项目前端重构中踩过的坑
前端·javascript
晓13138 小时前
React篇——第三章 状态管理之 Redux 篇
前端·javascript·react.js
子兮曰8 小时前
🚀24k Star 的 Pretext 为何突然爆火:它不是排版库,而是在重写 Web 文本测量
前端·javascript·github
@大迁世界8 小时前
11.在 React.js 中,state 与 props 的差异体现在哪里?
前端·javascript·react.js·前端框架·ecmascript