美文网首页
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