vue开发中,使用vue-cli脚手架快速搭建框架,之后引入elementui进行开发,在按照官网指示引入elementui后,会报错,关于font的错误。
此时需要在webpack.config.js中更改相关配置。
在rules中加入以下代码
{
test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
loader: 'url-loader',
options: {
limit: 10000,
name: '[name].[ext]'
}
}
之后会提示,缺少style-loader
npm install --save-dev style-loader
安装style-loader依赖后,再次运行,依然报错。提示缺少url-loader
再安装url-loader依赖后,elementui才可以正常使用
npm install --save-dev url-loader
本文介绍了解决Vue项目中使用ElementUI时遇到的字体图标加载错误问题。通过修改webpack配置文件,添加url-loader和style-loader依赖,最终实现ElementUI组件正常显示。
863

被折叠的 条评论
为什么被折叠?



