问题现象
在Electron-Vue中引入了Element的表格组件,但是表格未能正常显示出来,只显示出表格的边框
解决方案
在.electron-vue/webpack.renderer.config.js配置文件中,在whiteListedModules
白名单中,加入element-ui
,重启项目即可正确渲染显示表格组件
1 | let whiteListedModules = ['vue', 'element-ui'] |
在Electron-Vue使用手册中,对whiteListedModules
是这样描述的:
一个关于此配置的重要的事情是,你可以将特定的模块列入白名单,而不是把它视为 webpack 的 externals。并没有很多情况需要这个功能,但在某些情况下,对于提供原始的 *.vue 组件的 Vue UI 库,他们需要被列入白名单,以至于 vue-loader 能够编译它们。另一个使用情况是使用 webpack 的 alias,例如设置 vue 来导入完整的 编译+运行环境 的构建。因此,vue 已经在白名单中了。
Electron-Vue使用手册
那么,应该常见的组件显示不正常的问题,应该都可以使用该方法来处理。