HTML文件通过cdn引入element-ui组件样式不显示问题

前言：

        之前都是使用脚手架开发的vue项目，写页面为了省事，一般都直接使用现成的组件，像PC端就是用  Element  或者  bootstrap， 移动端 使用 Vant，它们的样式都比较好看，可以节约开发人员的时间，提高工作效率。

        有天一个非cs专业的同学问我白嫖几个html页面，但是我也没有存货了，之前都是用的vue，就直接现场写HTML，因为也没什么难度，就一个静态单页面（随便搞几张图片，一些文字）。

        图片展示的地方我想用一个轮播图，发现用css和js写的有点麻烦，就直接去用element的走马灯了，然后引入vue，引入element的cdn，使用简单的按钮代码试试看效果，发现没有用。

 代码就是简简单单一行啊，使用那个按钮代码

默认按钮

 但是页面也简简单单就是一个 “按钮”  ，两个字

---

 解决方法 1.

因为我之前有过相关的类似经历，这种情况我就理解成资源请求失败吧

这个问题有一点我之前的这篇文章的感觉

 方法简单粗暴，翻墙，然后就正常请求到资源了

 2.

资源请求错误，是因为官网的响应速度有点慢，可以换一个响应快的链接

 注意

一定要注意代码中引入的顺序

必须先引入vue，再通过cdn引入element，否则element-ui组件与样式无效

 所有代码如下

效果：

总结：

这其实就是一个小问题，在平时可能大家会出现类似资源请求不到的现象，往往翻墙就能解决大部分类似的问题了，文章还有一个方法是换一些链接。

文章如有错误，恳请大家提出问题，本人不胜感激。对大家有帮助的话大家也可以点个赞哦