el-descriptions组件部署到服务器之后样式失效

问题：

el-descriptions组件在本地测试时样式能正常显示，部署到服务器就显示不了，控制台也没有报错，所以不知道是哪里出现了问题。

解决过程：

在本地和服务器网址访问时，分别打开开发者工具，进行元素检查。发现两者显示时有如下区别：

本地：

服务器：

分析：通过描述观察到的现象，ds告诉我如下内容：

可知，在服务器上，该组件被当成了一个自定义组件，因此没有渲染其样式。为了探究为什么该组件没有被识别出来，我查看了npm run build命令打包代码时是如何引入element的css样式表的。我发现了：

vue.config,js文件中打包环境设置引入的css文件版本和package-lock.json中对css版本的定义不同。（之前是打包的版本比较低，现在已经改回来了）

更改之后，样式就没问题了。

经验总结：

1、前端js出问题的时候，通常可以通过控制台和网络检查问题。但是css出问题时，尤其控制台没有报错时，要进行元素检查，看元素是否被正确解析。

2、文件中很多地方引入了css文件，因此注意在development和build环境中，分别通过什么方式引入的，引入的版本都是哪个。注意保持一致。