elmentui使用cdn无法加载

打包的时候使用cdn减少体积,但是其他的都没有问题唯独这个ELmentUi,
在main.js中删除了elment.js的引入,

img


并且在index.html配置了 ELmentUi的cdn地址

img


运行的时候浏览器就开始报错 提示找不到ELmentUi对应的标签

img


但是如果我将main.js中的elment.js重新引入就没有问题了,但vue ui 打包的时候又会冒出来感叹号提示ELmentUi文件过大大约800多kb
我是按照黑马的那个后台视频做的,自己试了很久还是没有找到解决方案,请教各位该怎么办呢?

我已经上传了我的练习项目到码云平台地址是https://gitee.com/arthasno1/vue_show

我个人的理解是
你element要使用cdn 那么你的vue同样也要使用cdn 看官网实例,就像 layui 不能少了jquery一个性质,而且官网也给出了图例

img

很简单的例子 你现在cdn加载肯定是优先于你import引入的
再看element源码并未导出vue包

所以使用element的前提是要先引入vue 所以给你的vue也换成cdn试试吧

img

首先你的elementui的js 不能放在头部引入,应为vue的核心库必须要在他前面,所以你要么vue也在他之前cdn引入,或者把他放到body结束之前,vue打包好的app.js会自动注入到header标签里面。另外你要弄清楚element.js是啥玩意。