Electron 踩坑记录（一）

场景描述

构建 pc 客户端，采用 electron-vue 脚手架进行快速搭建环境。
功能点在 web 端全部正常，移植代码到 electron 时出现问题的功能点有：

1. rtmp 流媒体的播放  
2. ant-design-vue UI 框架部分组件失效

🔥 播放器使用的是 vue-video-player，播放 rtmp 流需要使用 flash 技术。

electron 引用 flash 插件打包示例

问题解决

简单记录问题关键

问题：pc 客户端 ant-design-vue 部分组件不能正常工作 
原因：electron-vue 将它视为 webpack 的 externals 了，其中 UI 组件含有的 vue 文件没有被 vue-loader 正常编译，才导致功能失效
解决：找到 .electron-vue/webpack.renderer.config.js 将 ant-design-vue 加入到白名单 whiteListedModules

🔥 electron 白名单配置

问题：pc 客户端引