uniapp项目里面引入iconfont字体图标,报错❌

话说这个本来是不应该出现问题的,但是问题还是出现了。

【问题描述】:

1、将阿里云上的iconfont下载到本地,解压产生如下的文件夹:

uniapp项目里面引入iconfont字体图标,报错❌_第1张图片

2、我们只需要 iconfont.css和iconfont.tff 这两个文件,将这两个文件放入uniapp项目里面建立的common文件夹里面。

uniapp项目里面引入iconfont字体图标,报错❌_第2张图片

3、然后再App.vue文件里面引入iconfont.css文件

uniapp项目里面引入iconfont字体图标,报错❌_第3张图片

4、运行项目:但是项目会报错:(问题就出在这里了)

uniapp项目里面引入iconfont字体图标,报错❌_第4张图片

【解决办法】:

又去翻了一遍uniapp官网,发现这里官网有提示:好像是不可以使用相对目录的

进入官网查看

uniapp项目里面引入iconfont字体图标,报错❌_第5张图片 

于是我就改了下我的文件引入方式如下:

uniapp项目里面引入iconfont字体图标,报错❌_第6张图片

uniapp项目里面引入iconfont字体图标,报错❌_第7张图片

uniapp项目里面引入iconfont字体图标,报错❌_第8张图片 

 好啦,就到这里了,我继续去写项目啦。

---------------------------------over

 

你可能感兴趣的:(uniapp,uni-app)