vue2.0全部引入element-ui2.x版本报错的解决方法

最新推荐文章于 2024-02-29 18:01:27 发布
最新推荐文章于 2024-02-29 18:01:27 发布
阅读量3.1k 收藏 3
点赞数
CC 4.0 BY-SA版权
分类专栏： Vue 文章标签： vue element-ui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/f120032777/article/details/83374886
本文解决在使用Vue2.0与Element-UI2.x版本时遇到的字体图标解析错误问题，通过简单修改webpack配置即可解决。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在用vue2.0全部引入element-ui2.x版本时，会发生如下报错

大致意思是element-ui包里的字体文件解析错误。

我们只需要在vue项目中找到webpack.config.js中修改如下部分：

在test里加上 | woff | ttf  既可解决

vue2.0搭建vue脚手架(vue-cli)，集成element-ui
RD_Lee的博客
07-16 1183
1.首先要安装node.js 下载地址 https://nodejs.org/en/ 安装完成后，在cmd命令行里面键入node -v查看版本 C:\Users\lh188>node -v v8.9.3 我们需要的npm功能已经在node中集成，输入npm -v查看版本 C:\Users\lh188>node -v v8.9.3 展示版本号，代表已经安装成功。 2...
vue-cli 2.x+element-ui的一个小demo
cantfu_lxx的博客
03-01 687
Vue2.0 +vue-cli + ElementUI环境搭建并使用 2019/3/1 --xx 懒得贴图了:happy: 下载vue-cli,全局安装 npm install vue-cli -g 初始化项目，用vue-cli下载webpack-simple模版 vue init webpack-simple element-demo 安装模版的依赖,将会再此目录生成node_m...
vue引入element-ui不起作用
m0_51933554的博客
09-19 852
vue引入element-ui，控制台不报错，但样式引用失败
修改element UI中的默认样式 使用vue2+webpack打包后无效
qq_38827184的博客
01-09 542
一、修改elemetn-ui默认样式，要在
ElementUI在vue2中不生效问题解决
weixin_43471461的博客
09-27 1361
Vue
vue引入element-ui 2.0 后报错问题解决措施
github_39532240的博客
10-29 3358
按照element-ui官网提供的方法在vue中引入element2.0 后报错如下： 错误提示说element-icons引用出错，找不到合适的loader；去看依赖包目录时发现引用的文件如下：   后来才发现file-loader默认处理文件格式是不包含'.tff'和'.woff'的; 于是在webpack.config.js中将目录中的文件格式加上： 这
vue中Element ui不生效
DrinkOolongTea
05-05 3242
原因是我用的vue3不支持element ui 要使用element plus 一个 Vue 3 UI 框架 | Element Plus (gitee.io) 使用命令安装 npm install element-plus --save 安装完之后在main.js中编辑 import { createApp } from 'vue' import ElementPlus from 'element-plus' import 'element-plus/dist/index.css' import
在vue2.0中引用element-ui组件库的方法
08-27
2. 在项目入口文件中引入Element UI的样式文件。 3. 使用Vue.use()全局注册Element UI。 4. 利用babel-plugin-component插件实现按需引入组件。 5. 在webpack.config.js中添加对字体文件等的解析规则。 以上步骤...
element-ui_rplib.zip
07-26
2. **Element-UI**：Element-UI 是一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库。它包含了诸如表格、按钮、提示、下拉菜单、导航栏、对话框等多种 UI 元素，提供了一套完整的样式和交互设计，有助于...
vue-cli打包后文件路径错误解决方案
夜伴钟声丶的博客
03-01 1892
使用vue-cli构建的项目打包后字体图标路径错误 预计路径是 xxx/static/fonts/icomoon.xxxxx.woff 实际情况却是这样的 xxx/static/css/static/fonts/icomoon.xxxxx.woff 刚开始碰上这种情况很懵逼 不知道怎么解决 每次打包后都要去手动改路径 后来研究了一下 发现是因为改了config目录里面的index.js build...
error src
03-02
this package is error source
webpack打包排除css,Webpack Vue2 multiple entry项目 Webpack打包时如何排除ElementUI（JS/CSS）？...
weixin_35367646的博客
08-04 762
团队正在做OA前端项目(ElementUI全组件入口JS文件引入)，项目前端功能模块组件太多，采用Webpack Vue2 multiple entry 多页面入口方式开发，开发调试运行正常，每个入口Html都是相同的布局导航主界面框架(延迟加载各自相关的组件模块)Webpack打包时想抽离出ElementUI(JS/CSS)做直接CDN引入，JS可以通过配置 externals: { 'ele...
踩坑记录--vue2.0+elementUI开发遇到的问题
rongyi2233的博客
11-10 2954
改为下面的代码就正常了 错误原因是webpack打包逻辑，webpack4中动态import不支持变量方式，查看路由返回的信息，只是返回一个方法。原来是用import导入的 ： // 静态路由懒加载 export const loadView = (view) => { return () => import() }改为require引入方式：：export const loadView = (view) => { return (resolve:) => require([], resolve) }使用
Vue中引入字体失效 .ttf
最新发布
2301_77708638的博客
02-29 1539
1. 把字体格式 .ttf转为 .woff 就可以用了 下面是一个转换器。2.因为无法解析.ttf文件 需要额外配置解析文件，还有事，弄完再配。解决：默认正常操作导入字体文件没问题。引入字体失效 .ttf格式。
解决element-plus国内站点503问题（本地化部署element）
meixinmeifei__的博客
03-13 708
解决element-plus国内站点503问题（本地化部署element）
vue 学习笔记（一）
兴浩的博客
04-15 1149
错误信息： error in ./~/_element-ui@2.7.2@element-ui/packages/form/src/label-wrap.vue Syntax Erroe:Unexpected token (20:14 解决办法： 先安装依赖： cnpm install 在node_moudel里面找到 element-ui 下载;https://dow...
最新的elementUI中的el-cascader组件的坑（版本2.13.2）
qq_40685439的博客
09-06 3374
最新的elementUI中的el-cascader组件的坑（版本2.13.2） 在使用el-cascader组件时，发现如果渲染的数据过多时，组件的高度就会占满整个屏幕的高度，而el-cascader组件不会自动加上滚动条，并且二级选择器也没渲染出来，在2.6.0版本时还不会出现这种情况，查了一下原因，好像是新版本的坑 于是给组件加样式： .el-cascader-menu { height: 300px; } 就显示正常了， ...
用npm下载Element-u报错了，该如何解决？
lxq1877的博客
11-28 1983
尝试了重装element-ui，查看版本号还是欸有安装上，最后我把新建的项目依赖库重新安装就好了。
关于element-ui安装以及卸载 启录 以及 ERROR in ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/se
热门推荐
小小大青春
07-23 1万+
ERROR in ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./node_modules/element-ui/packages/form/src/label -wrap.vue Module build failed: SyntaxError:...
Vue 2.0：利用vue-cli和element-ui构建树形表格组件
本文档详细介绍了如何使用Vue 2.0结合vue-cli和element-ui构建一个树形treeTable组件。首先，我们概述了整个开发过程中的关键技术和工具： 1. **vue-cli的安装与使用**: vue-cli是一个流行的前端脚手架工具，用于...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值