想用electron打个包试试水,于是先改成如下
然后发现页面空白且报错
路径问题,需要在vite.config.js中增加一行配置
base: './'
重新打包再运行,发现页面出来了,但是路由组件没出现,应该是路由出问题了,需要将路由改成hash模式
const router = createRouter({
history: createWebHashHistory(),
routes,
});
再执行electron-builder,打包后的应用打开依旧白屏且报错
猜测是页面没有被打包进app.asar中,所以需要配置一下打包。
在根目录新建electron.config.json
{
"files": ["main.js", "preload.js", "./dist"]
}
再修改一下package.json中的打包命令
"dist": "electron-builder --config electron.config.json"
重新打包后就可以看到页面了。