通过 element-ui 自建 UI 组件库，踩坑记录

最新推荐文章于 2022-11-28 10:34:11 发布
VIP文章 最新推荐文章于 2022-11-28 10:34:11 发布
阅读量1.3k 收藏 2
点赞数 1
文章标签： vue js javascript java html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lefex/article/details/114325527
版权

前段时间发的一篇文章 微软365将放弃IE11，你却仍支持IE9？，文章中调研结果显示还有一少部分人还在兼容 IE 浏览器，具体数据可以在本文 微软365将放弃IE11，你却仍支持IE9？末尾查看。

最近遇到一个 IE 兼容问题，分享一下。做了一个新项目，在 IE 浏览器访问不了，直接报“缺少标识符”，通过错误提示，可以定位到具体的文件，但是不能定位到是哪行代码。

这种类型的错误比较常见，凭经验感觉是源代码没有经过 babel 转换，导致某些语法在 IE 浏览器上执行不了。那么就需要确认下报错文件有没有参与 babel 转换

最低0.47元/天 解锁文章
lefex
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 8
    评论
element-ui.rar element-ui核心库压缩包
12-20
element-ui.rar element-ui核心库压缩包
Element UI 组件库分析和二次开发（一）
huangpb的博客
11-08 5519
一、Element UI 组件库二次开发的大致流程 1. 从 Element 官方 clone 一份dev 源码到本地 2.安装依赖：npm i 3.修改组件源码 组件内容在 “packages/组件目录” 里修改。 组件样式在 “packages/theme-chalk/src/组件名.scss” 里修改。 查看效果可以在 “examples/docs/zh-CN/组件名.md” 里增加自己需要调试的代码，就可以在页面的相应的组件的例子中看到自己修改后的效果。 4.如果要上传到 n.....
Element-UI源码之目录结构
东逝水
04-09 5514
克隆代码 git clone https://github.com/ElemeFE/element.git 慢慢等吧，看运气了 从最新的发布分支上切一个分支出来 git tag 看到所有的发布之后的分支打的tag，v2.13.0是最新的 git checkout v2.13.0 git checkout -b reading 目录结构overview - build项目构建命令的目录 - e...
Element UI 组件库分析和二次开发
江湖行骗老中医
07-15 1337
buildwebpack相关的打包配置文件examplesElement官网packages组件源码src公共方法和项目入口文件（install方法在这里）test测试文件,使用karma框架types类型声明文件,每个组件的类型声明文件，TS项目使用组件库时有更好的代码提示.babelrcbabel的配置文件忽略eslint的配置文件.eslintrceslint配置文件允许我们指定由git使用的文件和路径的属性.gitignore。......
element-ui框架搭建
weixin_42471170的博客
01-24 946
用vue-cli脚手架整合完vue+vue-router+vue之后， 安装element-ui框架： npm i element-ui -S 这是项目可能会因一些依赖包的版本问题而报错。 重新执行安装命令即可。 npm install 安装完成 全局配置element-ui到项目 在main.js文件中加入代码： import Element from ‘element-ui’ import ‘element-ui/lib/theme-chalk/index.css’ Vue.use(Element,
修改elementUI源码并发布到npm上
qq_41108402的博客
05-30 3768
一、前言 有时候，我们需要修改elementUI的源码，来达到boss们的要求。但是修改完之后，又不知道如何发布到npm上来安装。那么这一篇文章将介绍如何修改elementUI源码然后发布到npm上。 二、fork一份elementUI源码 首先去到github官网，然后搜索elementUI代码，进去看到该页面，然后点击Fork按钮 fork完之后，记得修改一下项目的名字 接下...
element-docs::fox: 组件库文档--基于 element-ui 官方组件库
05-07
适用于Web的Vue.js 2.0 UI工具包。 Element将与Vue 2.x一起使用 ...import Element from 'element-ui' Vue . use ( Element ) // or import { Select , Button // ... } from 'element-ui' Vue . component ( Se
Vue element-ui父组件控制子组件的表单校验操作
10-15
主要介绍了Vue element-ui父组件控制子组件的表单校验操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
HTML+Element-ui邮件管理前端界面
07-12
若element-ui显示故障： 1.查看是否引用 <!--引入 element-ui 的样式，--> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> <!-- 必须先引入vue， 后使用element-ui -->...
Element-UI踩坑之Pagination组件的使用
10-17
主要介绍了Element-UI踩坑之Pagination组件，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
基于elementuivue开发的一款以配置开发为目的的组件库
08-12
基于element-ui，vue开发的一款以配置开发为目的的组件库
聊聊项目打包发布到maven私仓常见的几种方式
Devin's Blog
08-22 522
前言 在早期没有使用maven之前，我们引用一些公有jar或者api jar，我们可能会采用这样的方式，通过手动导入这些jar到项目的classpath路径进行引用。 有了maven后，我们公司内部可能就会搭建maven私仓比如nexus，然后把这些公有jar或者api jar上传到nexus私仓，在pom.xml配置一下这些jar的坐标就可以引用。 今天我们的话题就是来聊聊项目打包发布到maven私仓常见的几种方式 发布到maven私仓的步骤 1.在maven的settings.xml中<
ElementUI源码系列五 - 学习build-entry.js文件之自动生成总入口文件index.js内容
橙某人
09-26 543
ElementUI是前端圈子中非常优秀的框架之一，它的源码中有很多技巧是值得我们去参考和学习的，相信读完ElementUI源码一定能让你受益良多。
用npm下载Element-u报错了，该如何解决？
lxq1877的博客
11-28 1677
尝试了重装element-ui，查看版本号还是欸有安装上，最后我把新建的项目依赖库重新安装就好了。
Element UI框架项目结构解析
玉案轩窗的博客
12-21 8065
前言 因为对于工程化相关的了解涉猎很少，今后也是打算对webpack等工程化构建加深下了解。 这篇文章就是详细分析下Element UI项目组成以及相关的打包步骤等，旨在加深对工程化构建相关的知识点了解。 Element UI项目结构 |-- Element ​ |-- .babelrc // babel配置文件 ​ |-- ...
element源码学习一 —— 认识框架
weixin_34195142的博客
03-10 548
由于面试需要，先来几发 element 源码学习博客。Vue 源码还将继续更新。 好，现在我们开始学习 element —— 最受欢迎的 Vue UI 框架。 package.json 我觉得要看一个前端项目，首先必须得看看 package.json 这个文件。 编译入口 来看看编译的入口 "scripts": { # 安装依...
阅读element-ui源码（1）怎么找到样式与组件入口文件
pz3305636904的博客
07-10 2032
怎么阅读？ 首先，找到入口文件 找到样式文件与组件文件 有没有一些复用的小组件，由这些小组件组成的大组件有哪些 入口文件 项目启动文件： "scripts": { "bootstrap": "yarn || npm i", "build:file": "node build/bin/iconInit.js & node build/bin/build-entry.js & node build/bin/i18n.js & node build/bin/vers.
Babel的配置和使用
David
04-23 3502
一、安装： 》将es6转成es5方法有多种： ==》1.可以使用在线编译。babel在线编译 ==》2.本地全局安装 or 项目安装 babel-cli，就可以将es6–&gt;es5 ====》2.1本地全局安装：　 npm install -g babel-cli ====》2.2项目安装（推荐）： npm install --save-dev babel-cli bab...
element-ui2源码修改小问题
weixin_30505225的博客
11-02 123
最近element-ui升级到2了，添加了不少功能，可喜可贺，可喜可贺！ 然而，产品的需求依然那么刁钻，上传与删除图片还是要去改源码，为了同时用新的ele，决定在2中改源码 然而，遇到问题了。 　　一开始与之前博客中描述的一样，将github上的目录弄下来，修改对应的组件，然后执行npm run dist，如下图： 　　 　　没错，竟然报错了，报错的文件也很奇葩，是一个我根本没动过...
element-ui 这个组件库如何
最新发布
03-31
Element-UI是一个基于Vue.js的组件库，可以通过以下步骤使用它： 1. 安装Element-UI 使用npm或yarn进行安装： ``` npm install element-ui --save ``` 2. 导入Element-UI 在Vue项目中，你需要在main.js中导入...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值