vue 使用 element-ui 时报错ERROR in ./node_modules/element-ui/lib/theme-chalk/fonts/element-icons.ttf...

最新推荐文章于 2023-03-15 18:00:00 发布

weixin_30572613

最新推荐文章于 2023-03-15 18:00:00 发布

阅读量1.7k

点赞数

文章标签： javascript ui ViewUI

原文链接：http://www.cnblogs.com/belongs-to-qinghua/p/11123596.html

版权

　　在vue项目中引用 element-ui 时，虽然按照 element-ui 的官方文档一步步操作，还是产生了下面的错误

　　解决这个问题的方法，就是在 web pack.config.js 文件中进行如下配置：

{
    test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/,
    loader: 'file-loader'
}

　　添加这段代码的位置如下：

转载于:https://www.cnblogs.com/belongs-to-qinghua/p/11123596.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30572613

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

ERROR in ./node_modules/element-ui/lib/theme-chalk/fonts/element-icons.ttf 1:0 Module parse failed:

qq_42535651的博客

08-27

2844

在使用 webpack 搭建 vue 项目时，添加了element-ui 在启动 webpack-dev-server 后报错 ERROR in ./node_modules/element-ui/lib/theme-chalk/fonts/element-icons.ttf 1:0 Module parse failed: Unexpected character '' (1:0) You may need an appropriate loader to handle this file type, c

引用element-ui时报错：Uncaught Error: Cannot find module 'throttle-debounce/debounce'...

weixin_41218265的博客

04-27

5198

可能有点啰嗦，弄了好几个小时，成功后真的心情太复杂了（此处苦涩微笑脸）。安装、引用都是完全按照官方文档来的，也不是第一次用element-ui，但就这次这么与众不同（此处苦涩微笑表情），报错如下：百度了解决方法，跟我一样报这个错的寥寥无几，看了别人的建议：(https://ask.csdn.net/questions/752775) 有说可能是依赖丢失了让删除整个node_modul...

参与评论您还未登录，请先登录后发表或查看评论

Vue 踩坑笔记: 引入 ElementUI 时打包失败修复记录(ERROR in ./node_modules/element-ui/lib/theme-chalk/index.css)

超悠閒的博客

06-16

1万+

Vue 踩坑笔记: 引入 ElementUI 时打包失败修复记录(ERROR in ./node_modules/element-ui/lib/theme-chalk/index.css Module build failed: ModuleBuildError: Module build failed: TypeError: this.getOptions is not a function) 文章目录Vue 踩坑笔记: 引入 ElementUI 时打包失败修复记录(ERROR in ./node_mod

安装element-ui后，运行报错ERROR in ./node_modules/element-ui/lib/element-ui.common.js Module not found: Erro

前端蜗牛君

03-15

3285

ERROR in ./node_modules/element-ui/lib/element-ui.common.js Module not found: Error: Can’t resolve ‘throttle-debounce/debounce’ in “xxx” ERROR in ./node_modules/_element-ui@2.13.2@element-ui/lib/tooltip.js Module not found: Error: Can’t resolve ‘throttle-d

ERROR in ./~/_element-ui@1.3.7@element-ui/lib/element-ui.common.js Module not found: Error: Can't re

weixin_34121282的博客

07-11

2875

2019独角兽企业重金招聘Python工程师标准>>> ...

vue 使用 element-ui 时报错ERROR in ./node_modules/element-ui/lib/theme-chalk/fonts/element-icons.ttf

轻风细雨_林木木

01-04

2674

参考（原文更详细）：https://www.cnblogs.com/belongs-to-qinghua/p/11123596.html 原因：简介的vue脚手架没有配置ttf文件配置解决办法：在 web pack.config.js 文件中进行如下配置 { test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/, loader: 'file-loader' } 添加位置： ...

element-ui 2.15.14版本

最新发布

10-09

Element UI 是一个基于 Vue.js 的开源前端组件库，版本号 2.15.14 表示这是它的一个特定更新版本。这个版本可能包含了错误修复、性能优化、新功能添加或者对现有组件的改进。Element UI 提供了一系列美观、易用且...

Element-UI本地引入

09-17

7. **图标处理**：Element-UI使用Web字体图标，因此需要确保浏览器能正确加载`element-icons.ttf`和`element-icons.woff`。通常，这些字体文件的路径也需要在CSS中正确设置。确保你的`index.css`已经处理好这个问题...

新版本element-plus导入时错误：These dependencies were not found

m0_51221102的博客

09-21

6163

代码：以下是在旧版本中可行的导入方式，但是在最新版本会报找不到模块的错误 import "element-plus/src/theme-chalk/base.css" import { ElButton } from "element-plus/lib" 错误： These dependencies were not found: * element-plus/lib/el-button in ./src/global/register-element.ts * element-plus/theme-

vue 项目中引入Element-UI报错问题

小王_同学的博客

08-28

2583

vue 项目中引入 Element-UI 之后报错解决方法刚开始引入 Element-UI 的时候，运行 nom run dev 报以下错误： ERROR in ./node_modules/element-ui/lib/theme-chalk/fonts/element-icons.ttf Module parse failed: Unexpected character '' (1:0...

vue项目应用element-ui后报错ERROR in ./node_modules/element-ui/lib/theme-chalk/fonts/element-icons.ttf

weixin_39872084的博客

03-13

5719

在 webpack.config.js 中加入这个依赖 { test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/, loader: 'file-loader' }

vue -elementUI 运行报错error in ./node_modules/element-ui/lib/theme-chalk/index.css

热门推荐

Marblog

06-30

2万+

项目用到了vue,elementUI，结合Webpack打包运行的时候报错 web-im@1.0.0 dev F:\demo\web-im webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 13% building modules 32/75 modules 43 active …te&index=0!F:\demo\web-im\src\App.vue{ parser: “babylon” }

解决vue使用element-ui时，报xxx/element-ui/lib/theme-chalk/fonts/element-icons.ttf的问题

任我行的博客

06-10

7089

执行cnpm run dev报错 ERROR in ./node_modules/_element-ui@2.13.2@element-ui/lib/theme-chalk/fonts/element-icons.ttf Module parse failed: Unexpected character '' (1:0) You may need an appropriate loader to handle this file type. (Source code omitted for this bin

VUE中添加elementUI

shaynerain的博客

07-27

1963

安装 npm install element-ui --save main.js中添加引用 import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI) 目前（2021.4.20）elementUI还不持支Vue3，如果选择创建使用的Vue3需要更换成Vue2 报错信息如下 Uncaught TypeError: Cannot read prope

ElementUI入门及nodejs环境的搭建

qq_62881798的博客

09-25

1442

Vue是一个当下流行的开发框架，它的核心思想是组件化和数据驱动，ElementUI是饿了么推出的基于vue2.0的组件库，提供了丰富的课复用的组件，方便前端的开发。ElementUI官网。另外一个与ElmentUI类似提供基于Vue2.0的组件库是iview。Node.js是一个基于Chrome V8引擎的[JavaScript运行环境]。Node.js使用了一个事件驱动、非阻塞式I/O 的模型。

vue配置element-ui问题

weixin_41587194的博客

05-10

6926

在学习vue期间，刚开始配置element-ui时总是遇到各种各样的问题，记录一下解决问题的一些大致思路，方便以后做项目，也希望对别人有所帮助。 1：vue init webpack-simple element-ui 2.cd element-ui（打开生成的vue项目） 3.cnpm install （不用npm是个人习惯，防止产生错误） 4.在这里我用的是webpack-simple...

vue的element-ui问题

摩尔小哥

04-05

581

背景今天，在学习vue.js中，我引入了element-ui。执行步骤如下： a> vue init webpack-simple element-ui b> cd my-pro（打开生成的vue项目） c> cnpm install（此处用的是国内淘宝镜像） d> 我先用的是webpack-simple 所以要先配置一下style-loader：cnpm instal...

[vue学习]vue使用element时，报错解决。

清风唱诗人的博客

11-19

1035

解决 vue 使用 element 时报错ERROR in ./node_modules/element-ui/lib/theme-chalk/fonts/element-icons.ttf 是因为字体文件没法引入的原因，只需要修改下webpack config的file-loader { test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/, load...

/common/category-cascader in ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?

03-30

" and "./node_modules/vue-loader/lib/selector.js?" prefixes indicate that the file is being loaded and processed by two different loaders: babel-loader and vue-loader. Babel-loader is a module loader...