vue 使用 cdn element ui 失效 问题解决

最新推荐文章于 2024-01-25 16:28:00 发布
最新推荐文章于 2024-01-25 16:28:00 发布
阅读量2.8k 收藏 5
点赞数 1
分类专栏： VUE 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/vransy/article/details/119533472
版权

原写法 （失效）
在这里插入图片描述
正确写法
在这里插入图片描述

注意顺序！！！

element 用cdn导入，组件使用无效
element用cdn导入前面要加一个vue的cdn，这个大家都知道，但问题是如果你npm里面有vue的话，他会先用你npm里的vue来渲染你的组件，此时element还没有install到你的vue里所以会报错，在webpack里配置externals把vue从打包里去掉

Vransy.
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
解决VUE项目使用Element-ui 下拉组件的验证失效问题
01-18
在使用Element-ui组件做项目开发时候有可能会使用下拉框组件,如果下拉框组件的option选项是使用v-if指令遍历的, 这样也没有问题,但是如果加上multiple属性,也就是可以多选 就会出现下拉框验证时失效问题. 问题现象：...
在线引用CDN书写最简单的element+vue页面
pick_ears的博客
12-28 709
可以复制黏贴下面代码，也可以直接复制官网Hello案例 <html> <head> <meta charset="UTF-8"> <!-- import CSS --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> </head> <body> <div id="app">
vue项目打包element-icons路径错误
一梦晓三生的博客
12-09 1489
问题描述 vue项目打包之后，部署运行时报错显示字体路径错误/static/css/static/fonts/element-icons.535877f.woff，正确路径是/static/fonts/element-icons.535877f.woff。 解决办法 1.在build/utils下的ExtractTextPlugin.extract下添加publicPath:'../../' // (which is the case during production build) if
vue打包 element-icons.woff 和element-icons.ttf 字体文件路径错误，导致icon图标显示成小方块的问题。
热门推荐
dengzeyuan的博客
04-13 2万+
出现打包后icon图标变成小方块的原因只有两个 一。element-ui版本和element-ui/lib/theme-chalk/index.css版本不一致。 解决办法： 卸载已经有的element-ui npm uninstall element-ui 然后在安装新的 npm install element-ui 二。打包后的element-icons.woff 和el...
vue2+vue-cli4+elementUI项目打包部署之后icon图标展示为方块,图片路径正确却不显示问题解决
qq_34458968的博客
09-23 2172
vue2+vue-cli4+elementUI项目打包部署之后icon图标展示为方块,图片路径正确却不显示问题解决
Vue-element ui图标用webpack打包之后图标不显示（推荐阅读）
hsany330的专栏
04-24 1274
方法一.在build/utils.js下找到 if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicPath: '../../' }) ...
HTML文件通过cdn引入element-ui组件样式不显示问题
潮汐未见潮落的博客
06-05 4387
html页面通过cdn引入element组件不显示的问题及两种解决方法
element-demi:在Vue 2 3中使用Element UI的适配器
05-09
一个在Vue 2/3中使用Element UI的适配器。 :yo-yo: 只是个玩具 该库旨在测试postinstall npm挂钩。 安装完所有软件包之后。 该脚本将开始检查已安装的Vue版本，并根据本地Vue版本将导出重定向到。 :package: 安装 ...
vue+element-ui使用
01-06
在使用 Element UI 时，首先你需要确保已经安装了 Vue.js。如果你的项目中还没有 Vue，可以通过 npm（Node.js 包管理器）来安装： ```bash npm install vue ``` 接下来，你需要在项目中安装 Element UI。同样，...
解决Vue的项目使用Element ui 走马灯无法实现的问题
10-15
主要介绍了解决Vue的项目使用Element ui 走马灯无法实现的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
在vue+element ui框架里实现lodash的debounce防抖
10-16
在本文中，开发者遇到了一个具体问题：使用Element UI的多选远程搜索框时，每次输入都会触发后台请求。为了解决这个问题，开发者决定利用lodash的`debounce`来实现防抖。 首先，开发者通过npm安装了lodash库： ```...
cdn使用体验以及坑 vue element
csstmg的博客
11-07 410
【代码】cdn使用体验以及坑 vue element。
Vue.js - 解决部署到服务器后Element UI图标不显示问题（404错误）
院长大忍的博客
10-29 2385
解决部署到服务器后Element UI图标不显示问题 其实就是有些字体库在用户那边下载失败了 原因是npm run build打包的时候有些问题 需要修改下 build目录里面的文件
Vue+ElementUI打包部署后报错static/css/static/fonts/element-icons.woff
guolijo的博客
02-27 3626
项目部署后，发现浏览器控制台里报错： static/css/static/fonts/element-icons.535877f.woff net::ERR_ABORTED 404 很明显是打包后文件路径出了问题 解决办法：出处 修改build/utils.js // (which is the case during production build) if (options.extract) { return ExtractTextPlugin.extract({ use: loaders,
html项目引入element-ui地址
weixin_47424249的博客
03-31 1406
vue.js下载地址： https://cdn.jsdelivr.net/npm/vue/dist/vue.js element.js地址（自动跳转到最新的版本）： https://unpkg.com/element-ui element.css地址： https://unpkg.com/element-ui@2.13.1/lib/theme-chalk/index.css 贴个问题记录： 引入element之后报错：Property or method "scope" is not de
解决微前端qiankun中子应用打包后主应用访问不到其icon图标的问题
duansamve的博客
06-06 3334
子应用用的UI框架是element，打包后接入基座，子应用里面的icon图标全部是小方块
关于Html使用CDN引入ElementUI-Plus与Vue3（组合式）不生效解决方法
最新发布
AlegFox的博客
01-25 736
关于Html使用CDN引入ElementUI-Plus与Vue3（组合式）不生效解决方法
vue-cli3 CDN引入element-ui （坑）
m0_53251830的博客
01-22 837
vue-cli3 CDN引入element-ui （坑）
关于Element-ui中Table表格无法显示的问题及解决
Ultravioletrays的博客
06-28 8406
今天在书写代码时遇到的问题，el-table在页面中突然显示为空白，检查了甚至重复粘贴的几次官网代码都不行，后来在网上查阅了相关资料，解决了问题。问题就出现在此步骤：在浏览器输入url，回车后，浏览器空白，什么都不显示。注意：原来项目中的element-ui版本是2.13.0，上图显示的是我重新安装的element-ui依赖版本号。最终找到问题的根源是element-ui依赖版本太高，换一个低版本的依赖即可。element-ui的依赖版本过高所导致的，将其该成低版本即可，亲测可用。(1)在package.
vue使用cdn引入element-ui
06-28
可以使用cdn引入Element UI，方法...在以上代码中，我们引入了Vue和Element UI的CDN链接，并在代码中使用了一个Element UI的按钮组件。注意，这里我们引入了Element UI的CSS样式文件，以确保按钮等组件的样式正常显示。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值