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

问题描述：

基于脚手架开发的vue项目 全局 引入 element  报错

按照 element 官方文档 安装

npm i element-ui -S

 在 main.js 引入 并 使用

// 引入Element

import ElementUI from 'element-ui'

import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)

 报错如下

vscode 终端报错

---

 网页报错

 解决方法

最终找到问题，是字体文件中的’ '符号没有识别。

需要用file-loader进行转换

在 webpack.config.js   添加 配置 

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

 添加位置如下

 重新启动 ，问题解决

---

文章如有错误，恳请大家提出问题，本人不胜感激 。 不懂的地方可以评论，我都会一一回复

文章对大家有帮助的话，希望大家能动手点赞鼓励，大家未来一起努力     长路漫漫，道阻且长

  转载请注明出处：https://blog.csdn.net/qq_52855464/article/details/125299092?csdn_share_tail=%7B%22type%22%3A%22blog%22%2C%22rType%22%3A%22article%22%2C%22rId%22%3A%22125299092%22%2C%22source%22%3A%22qq_52855464%22%7D&ctrtid=3qdzu