最好的手表网站,徐州在线网,网页设计师和ui设计师区别,高新网站制作哪家好vue-electron 项目创建记录及注意事项
1、使用vue ui或者命令行创建vue项目
2、添加electron插件 3、安装element-plus:
npm install --save element-plus
4、修改配置文件如下图: vue.config.js增加配置#xff1a;
pluginOptions:{ electronOutput: { contextIsolation…vue-electron 项目创建记录及注意事项
1、使用vue ui或者命令行创建vue项目
2、添加electron插件 3、安装element-plus:
npm install --save element-plus
4、修改配置文件如下图: vue.config.js增加配置
pluginOptions:{ electronOutput: { contextIsolation: false, //上下文隔离 nodeIntegration: true, //nodejs支持 enableRemoteModule: true //remote } }
background.ts修改配置: 问题1、运行项目会报错 解决方案
更换ts-loader版本
npm uninstall ts-loader npm install ts-loader8.2.0
打包报错: 解决方案:
配置文件加上红框内容set NODE_OPTIONS--openssl-legacy-provider 打包时会自动下载一些第三方包报错一般是下载url错误url中版本号少了“v”,加上后手动下载放到缓存目录:C:\Users\Administrator\AppData\Local\electron\Cache 解决方案二
项目根目录下增加 .npmrc 文件
ELECTRON_MIRRORhttps://npm.taobao.org/mirrors/electron/
ELECTRON_BUILDER_BINARIES_MIRRORhttp://npm.taobao.org/mirrors/electron-builder-binaries/
打包后运行exe界面空白解决方案:
修改路由配置 router/index.ts:
