vue build打包上线报错vue.min.js:6 Error: if there‘s nested data, rowKey is required.

1、问题
使用Element-UI组件库el_table的扩展列时，在开发阶段没有报错，但在项目打包托管在服务器上后报错：
vue.min.js:6 Error: if there’s nested data, rowKey is required.

2、原因
上述报错意思是：如果存在嵌套数据，则需要rowKey。
在Element-UI 2.7.0中，在el-table标签中新增row-key字段，使用树结构时，属性row-key必须添加，而且私有数据中需要定义id，
我们的项目中的el-table标签并没有加这个属性，但在中加入属性row-key=“id”。修改之后项目确实不报错，但是页面中出现多余的扩展列，且索引列错乱。

3、最终的解决办法
在index.html中使用CDN优化打包项目时，对导入的element-ui的版本号进行修改（共有两个文件：一个是css文件，一个是js文件），版本号改成我们项目安装的element-ui的版本号（在这里我安装的是2.15.2）

<% if(htmlWebpackPlugin.options.isProd){ %><% } %>

参考：
原文链接：https://blog.csdn.net/qq_45074822/article/details/105807577

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！