ERROR in ./node_modules/element-ui/lib/theme-chalk/fonts/element-icons.ttf

最新推荐文章于 2023-01-07 18:55:14 发布

没用の阿豪

最新推荐文章于 2023-01-07 18:55:14 发布

阅读量1.1k

点赞数 1

分类专栏：前端

本文链接：https://blog.csdn.net/qq_29099209/article/details/112696308

版权

前端专栏收录该内容

37 篇文章

订阅专栏

本文介绍了在Vue项目中遇到element-ui主题字体文件加载错误的情况，通过添加自定义webpack配置解决，并处理了模块找不到'file-loader'的问题。

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

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

在对应的config.js内加入

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

在次允许可能还会报错Module not found: Error: Can’t resolve ‘file-loader’ in

npm install --save-dev file-loader

好了，问题解决

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

没用の阿豪

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

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

qq_42535651的博客

08-27

2990

在使用 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 资源，图标 element-icons.woff，element-icons.ttf 无法解码文件字体

weixin_51689532的博客

02-29

2537

下载element-ui 资源，图标 element-icons.woff，element-icons.ttf 无法解码文件字体

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

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

轻风细雨_林木木

01-04

2772

参考（原文更详细）：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' } 添加位置： ...

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

任我行的博客

06-10

7169

执行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项目应用element-ui后报错ERROR in ./node_modules/element-ui/lib/theme-chalk/fonts/element-icons.ttf

weixin_39872084的博客

03-13

5782

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

怎么解决：These dependencies were not found: * element-plus/lib/theme-chalk/fonts/element-icons.ttf in ./src/main.js * element-plus/lib/theme-chalk/index.css in ./src/main.js

04-19

2. 检查您的项目中是否正确引入了 element-plus 相关的依赖，在 main.js 中是否正确引用了 element-plus/lib/theme-chalk/fonts/element-icons.ttf 和 element-plus/lib/theme-chalk/index.css。 3. 如果您确认已经...

error in ./src/assets/css/element-variables.scss Syntax Error: ModuleNotFoundError: Module not found: Error: Can't resolve './fonts/element-icons.ttf'，但是在路径下我都有

最新发布

04-05

import 'element-ui/lib/theme-chalk/index.css'; ``` 另外需要注意的是，某些情况下可能还需要额外设置别名以便更方便地访问公共资源夹下的子目录结构^。 #### 4. 清除缓存重新构建完成以上更改之后，请记得清理...

Element-UI本地引入

09-17

require('element-ui/lib/theme-chalk/index.css'); Vue.use(ElementUI); } }); </script> ``` 6. **使用组件**：现在你已经成功本地引入了Element-UI，可以像平常一样在Vue组件中使用它的各种组件了。例如，...

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

小王_同学的博客

08-28

2620

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 踩坑笔记: 引入 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

【vue】：Module not found: Error: Can‘t resolve ‘element-ui/lib/theme-chalk/fonts/index.css‘ in ‘F:\elk

Sheyami的代码乐园

12-15

2万+

问题：【vue】：Module not found: Error: Can't resolve 'element-ui/lib/theme-chalk/fonts/index.css' in 'F:\elk-components\packages\blindBox\src' 解决办法：下面有几种解决办法，一个一个看下去，可能是其中某一个问题，依次排除 1.找不到依赖，路径问题查看自己项目包的安装路径，看看是否是因为包更新后文件名产生了迭代，然后更新路径名称。如：就需要...

解决elementui升级到2.+之后，部署服务器找不到element-icons.woff和elementui-icons.tff文件404问题

mhx123456789的博客

08-13

672

解决elementui升级到2.+之后，部署服务器找不到element-icons.woff和elementui-icons.tff文件404问题

Module not found: Error: Can‘t resolve “xxx“ in “xxx“导致该问题的解决方案

热门推荐

qq_59389108的博客

01-07

6万+

其细致的报错为：Module not found: Error: Can't resolve './images/logo.png' in 'xxx'2：在非路由组件中的style下采用了less样式，而没有下载less相关依赖。在遇到报错时应该仔细阅读报错提示，这样解决起来也不会没有头绪。1：在非路由组件中出现了图片路径，而路由根组件并未导入该图片。根据报错提示反应的情况是：找不到模块：错误：无法解析。在此处我们谈论一下解决该类报错的几种方法。解决方案：在非路由组件下导入该图片。

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

weixin_30572613的博客

07-02

1813

　　在vue项目中引用 element-ui 时，虽然按照 element-ui 的官方文档一步步操作，还是产生了下面的错误　　　　　　解决这个问题的方法，就是在web pack.config.js 文件中进行如下配置： { test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/, loader: 'file-loader...

Vue + Element 配置报错

valder fields

07-02

3157

1.安装：cnpm i element-ui -S2.main .js 引入：import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI);3.运行报错：ERROR in ./node_modules/_element-ui@2.4.2@element-ui...

vue引入element-ui报错

宇宙

04-22

2972

1.引入css代码 import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI); 2.报错信息 ./node_modules/element-ui/lib/theme-chalk/index.css 1:0 Module parse failed...

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

清风唱诗人的博客

11-19

1092

解决 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...