问题描述:
uniapp运行到微信开发者工具,在控制台出现:[ WXSS 文件编译错误]提示,如图:
控制台点击main.wxss文件发现在uniapp中定义的uni.scss变量保持原样,没有经过编译,如图:
问题出现的原因:
经过查找发现,是由于我在app.vue中手动引入了uni.scss,并未在style标签上声明scss模式,所以uni.scss内定义的css变量就未经编译,被当做普通css进行引入,编译到小程序后,wxss不识别所以报错,如图:
解决办法:
1.不要在app.vue或其它文件内手动引用uni.scss,默认无需引用,就可以直接在其它文件的内调用里面的css变量
2.如果手动引用了,记得在style标签上声明为scss模式,如:
<style lang="scss">
/*但凡用到scss方式设置css的地方都要在标签上显示声明*/
...
</style>
原文地址:https://blog.csdn.net/renxiaoxing55/article/details/111663967
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。