electron-vue在使用element-ui时部分组件无法显示问题

时间：2019-11-04 17:32:38 阅读：222 评论：0 收藏：0 [点我收藏+]

在使用electron开发桌面系统时，遇到部分element-ui组件在页面中无法渲染的问题。我遇到的是el-table组件没有被渲染，导致无法显示数据。

在electron-vue的描述文档中有一段关于白名单的说明，如下：

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

由此可以判断，只需要将element-ui加入到这个白名单中就可以解决上面的问题。白名单配置文件为.electron-vue文件夹中的webpack.renderer.config.js文件，只需将代码

let whiteListedModules = [‘vue‘]

修改为

let whiteListedModules = [‘vue‘, ‘element-ui‘]

问题解决

原文地址：https://www.cnblogs.com/xuange306/p/11793015.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行