美文网首页
uni-app引入官方css样式错误!文件查找失败:'./sta

uni-app引入官方css样式错误!文件查找失败:'./sta

作者: Magic_小灰灰 | 来源:发表于2020-02-15 16:33 被阅读0次

新建项目,引用官方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文件夹下就行了。

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

相关文章

网友评论

      本文标题:uni-app引入官方css样式错误!文件查找失败:'./sta

      本文链接:https://www.haomeiwen.com/subject/oyhyfhtx.html