在引入阿里巴巴图标的时候
先在vue项目那边将你下载好的 文件置入
目录示意图
先修改iconfont.css
修改前
修改后
注意：路径要改成绝对路径，且前面的url要改成url-loader
在此期间要去下载的包有：
url-loader postcss-loader resolve-url-loader css-loader
我之所以要下这么多是因为的引入的时候之前一直陆陆续续报了很多错，但是如果你只是下面的那个报错的话，下载url-loade，然后去修改url，最后在webpack.config.js里面添加解析文件的解析规则 应该就可以了！
{
test: /\.(eot|svg|ttf|woff|woff2)$/,
loader: 'url-loader'
}
祝vue玩得开心！
微信图片_20200420102945.png
微信图片_20200420102956.png
在引入阿里巴巴图标的时候先在vue项目那边将你下载好的 文件置入 先修改iconfont.css 注意：路径要改成...
用vue-cli安装完成后，引入scc文件报错解决方案 解决方案1: 安装以下依赖就可以了，vue-cli默认没有...
想在vue中引用阿里的iconfont,却出现报错 ，原因是没有对应的loader处理字体文件。解决办法1.引入c...
引入字体文件 1、将字体文件拷贝到assets/ttf文件夹下。2、在assets/css文件夹下新建font.c...
vue + ts + scss main.ts引入scss文件报错 this.getOptions is not ...
vue2项目引入三方字体 注意:前提是字体文件没有问题 1.新建一个放字体的文件font,放入字体文件，定义一...
在 Vue 项目中的vue.config.js文件里引入 Sass 全局样式变量时，发生报错，具体文件配置如下 p...
自己搭建的Vue项目，没有使用vue-cli，引入elementUI时提示字体图标404，找不到文件，如下错误： ...
～@报错提示 Can't find stylesheet to import.解决方案： 文件名.vue后缀不加找...
1.在引入字体文件的时候的路径问题，font.scss app.vue 目录结构
本文标题：vue 引入字体文件报错解决方案
本文链接：https://www.haomeiwen.com/subject/gitrihtx.html
网友评论