【问题处理】Element UI 表格在 Electron-Vue 中不显示

问题现象

在Electron-Vue中引入了Element的表格组件,但是表格未能正常显示出来,只显示出表格的边框
未正常显示的表格组件

解决方案

在.electron-vue/webpack.renderer.config.js配置文件中,在whiteListedModules白名单中,加入element-ui,重启项目即可正确渲染显示表格组件

.electron-vue/webpack.renderer.config.js
1
let whiteListedModules = ['vue', 'element-ui']

在Electron-Vue使用手册中,对whiteListedModules是这样描述的:

一个关于此配置的重要的事情是,你可以将特定的模块列入白名单,而不是把它视为 webpack 的 externals。并没有很多情况需要这个功能,但在某些情况下,对于提供原始的 *.vue 组件的 Vue UI 库,他们需要被列入白名单,以至于 vue-loader 能够编译它们。另一个使用情况是使用 webpack 的 alias,例如设置 vue 来导入完整的 编译+运行环境 的构建。因此,vue 已经在白名单中了。
Electron-Vue使用手册

那么,应该常见的组件显示不正常的问题,应该都可以使用该方法来处理。

参考

https://juejin.im/post/5d789fcbf265da03b638d7ce


评论

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×