vue-cli项目引入assets里的css样式出错

来源:互联网 发布:qq影音 知乎 编辑:程序博客网 时间:2024/05/21 03:17

vue-cli项目引入assets里的css样式出错


在写个人项目的时候,引入了阿里云字体库,如下所示:

这里写图片描述

然后再Login.vue组件里引入样式表

这里写图片描述
然后npm run dev就出问题了

这里写图片描述

之前我这样做在其他的项目中没出现问题,后来看到这个问题,和我的问题很像,这里写链接内容
于是我在用相同的方法引入测试的样式表,没出现问题这里写图片描述

最后定位问题出现在这:
这里写图片描述
左侧的是我之前写的没问题的,右侧的是出问题了的,可以对比一下,它们有些地方不一样,右侧的多了?t=之类的参数,本来想按照上面的问题链接去修改的。。但是正则匹配起来比较麻烦,所以我直接用了阿里云字体库的在线链接

这里写图片描述
可以看到,代码中没有之前那样?t=这样的东西了,将上述代码替换到它默认的@font-face即可。然后npm run dev就能正常运行了。

修改正则匹配应该也可以,但是我个人的正则表达式没怎么学好,厉害的大神可以去试一下。

以上纯属个人经验见解,若有错误之处,还请批评指正。

阅读全文
0 0
原创粉丝点击