vue-electron项目创建记录及问题小结解决方案
脚本之家 / 编程助手:解决程序员“几乎”所有问题!
脚本之家官方知识库 → 点击立即使用
vue-electron 项目创建记录及注意事项
1、使用vue ui或者命令行创建vue项目
2、添加electron插件
3、安装element-plus:
npm install --save element-plus
4、修改配置文件如下图:
vue.config.js增加配置:
1 2 3 4 5 6 7 | pluginOptions:{ electronOutput: { contextIsolation: false , //上下文隔离 nodeIntegration: true , //nodejs支持 enableRemoteModule: true //remote } } |
background.ts修改配置:
问题:1、运行项目会报错
解决方案:
更换ts-loader版本
npm uninstall ts-loader
npm install ts-loader@8.2.0
打包报错:
解决方案:
配置文件加上红框内容:set NODE_OPTIONS=--openssl-legacy-provider &&
打包时会自动下载一些第三方包,报错一般是下载url错误,url中版本号少了“v”,加上后手动下载,放到缓存目录:C:\Users\Administrator\AppData\Local\electron\Cache
解决方案二:
项目根目录下增加 .npmrc 文件
ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/
ELECTRON_BUILDER_BINARIES_MIRROR=http://npm.taobao.org/mirrors/electron-builder-binaries/
打包后,运行exe,界面空白,解决方案:
修改路由配置 router/index.ts:
到此这篇关于vue-electron 项目创建记录及注意事项的文章就介绍到这了,更多相关vue-electron 项目创建内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
微信公众号搜索 “ 脚本之家 ” ,选择关注
程序猿的那些事、送书等活动等着你
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权/违法违规/事实不符,请将相关资料发送至 reterry123@163.com 进行投诉反馈,一经查实,立即处理!
相关文章
element table数据量太大导致网页卡死崩溃的解决办法
当页面数据过多,前端渲染大量的DOM时,会造成页面卡死问题,下面这篇文章主要给大家介绍了关于element table数据量太大导致网页卡死崩溃的解决办法,需要的朋友可以参考下2023-02-02详解mpvue中使用vant时需要注意的onChange事件的坑
这篇文章主要介绍了详解mpvue中使用vant时需要注意的onChange事件的坑,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧2019-05-05
最新评论