如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留链接信息。

苏南大叔在本文中介绍几种在electron-vue开发过程中,常见的几个小问题的解决方案。问题很简单,解决方案也非常简单。但是经常出现,经常被大家问起。所以,苏南大叔在这里做个整理说明。

electron-vue 开发过程中的几个常见问题的解决方案 - electron-vue-quick-fix
electron-vue 开发过程中的几个常见问题的解决方案(图4-1)

本文的测试环境是运行于win10electron-vue

界面显示为资源管理器

这个问题其实非常常见,electron-vue设定好的界面忽然消失,变成了类似资源管理器的样式和功能。解决方案也非常简单,看你的终端输出,页面报错了。vue解释失败了而已,定位到对应错误,修复即可。

electron-vue 开发过程中的几个常见问题的解决方案 - electron-vue-error-1
electron-vue 开发过程中的几个常见问题的解决方案(图4-2)

build时出错winCodeSign

报错类似如下:

Error: Exit code: 1. Command failed: C:\Users\sunan\AppData\Local\electron-builder\Cache\winCodeSign\winCodeSign-2.4.0\rcedit-ia32.exe E:\electron\my-project\build\win-unpacked\my-project.exe --set-version-string FileDescription my-project --set-version-string ProductName my-project --set-version-string LegalCopyright Copyright ? 2018 newsn.net --set-file-version 0.0.1 --set-product-version 0.0.1.0 --set-version-string InternalName my-project --set-version-string OriginalFilename  --set-version-string CompanyName newsn.net
Fatal error: Unable to commit changes

解决方案是:检测文件占用,比如IDE编辑器,比如360安全卫士等等。

electron-vue 开发过程中的几个常见问题的解决方案 - electron-vue-error-2
electron-vue 开发过程中的几个常见问题的解决方案(图4-3)

这里有个相关问题链接,请点击查看:

build的时候出错app-builder

报错类似如下:

Error: E:\electron\my-project\node_modules\app-builder-bin\win\x64\app-builder.exe exited with code 1
    at ChildProcess.childProcess.once.code (E:\electron\my-project\node_modules\builder-util\src\util.ts:244:14)
    at Object.onceWrapper (events.js:317:30)
    at emitTwo (events.js:126:13)

下载组件的时候,发生错误,然后会试图自行编译相关组件。但仍然失败了。解决方案就是:科学上网。

electron-vue 开发过程中的几个常见问题的解决方案 - electron-vue-error-3
electron-vue 开发过程中的几个常见问题的解决方案(图4-4)

不过,如果您实在没有办法科学上网的话,也许下面的文章,可以给您点更好的思路:

总结

electron-vue的代码还是非常复杂的,强烈建议新手小白就不要来凑热闹了。从quick-start学起,真的挺好的。这个electron-vue要懂的知识点太多,掺杂了太多其它框架或者工具。小白凑热闹的结果就是举步维艰。好了,就说这么多吧。

好的electron经验文章哪里查看呢?请点击苏南大叔的博客。

 【源码】本文代码片段及相关软件,请点此获取

 【绝密】秘籍文章入口,仅传授于有缘之人   electron

本站的忠实读者小伙伴,正在阅读下面这些文章:

欢迎转载传播本篇原创文章,转载请保留链接及作者信息。
欢迎指正文字或逻辑错误,将会择优在文末列出您的信息。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
未经许可,规模化镜像抄袭本站内容的行为,将会根据有关法律法规进行维权。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

苏南大叔需要你的支持

感谢您的打赏,让我更有动力,将更多精彩教程文章,呈现给大家!谢谢!