uni-app引入官方css样式错误!文件查找失败:'./static/uni.ttf' at App.vue:7

新建项目,引用官方css样式,在App.vue文件中的style里面引用引入uni.css报错、

<style>
    /*每个页面公共css */
    /* 这里引入官方css样式 */
    @import './common/uni.css';
</style>

控制台错误提示、

文件查找失败:'./static/uni.ttf' at App.vue:7

我们查看 uni.css 源码的引入,需要static目录下的uni.ttf文件,

@font-face {
    font-family: uniicons;
    font-weight: normal;
    font-style: normal;
    src: url('./static/uni.ttf') format('truetype');
}

出错的原因:
src: url('./static/uni.ttf')引入的是本地的文件,以前引用的是一个线上的版本。

解决办法:
在hello-uniapp-master里面的static文件夹下复制uni.ttf到项目的static文件夹下就行了。

到这里就可以正常编译啦!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容