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,自动切换端口
    },
  },
})
相关推荐
利刃大大2 小时前
【Vue】Vue2 和 Vue3 的区别
前端·javascript·vue.js
Lhuu(重开版2 小时前
JS:正则表达式和作用域
开发语言·javascript·正则表达式
yuguo.im4 小时前
我开源了一个 GrapesJS 插件
前端·javascript·开源·grapesjs
安且惜4 小时前
带弹窗的页面--以表格形式展示
前端·javascript·vue.js
摘星编程5 小时前
用React Native开发OpenHarmony应用:NFC读取标签数据
javascript·react native·react.js
AGMTI7 小时前
webSock动态注册消息回调函数功能实现
开发语言·前端·javascript
不吃香菜的猪8 小时前
使用@vue-office/pdf时,pdf展示不全
javascript·vue.js·pdf
wuhen_n8 小时前
TypeScript的对象类型:interface vs type
前端·javascript·typescript
css趣多多8 小时前
props,data函数,computed执行顺序
前端·javascript·vue.js
一个不称职的程序猿8 小时前
构建优雅的 Vue.js 表情包选择器:一个功能丰富且可定制的 Emoji Picker 组件
前端·javascript·vue.js