标签：scss uniapp 文件 微信 编译 uni WXSS css

问题描述：
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>

标签：scss,uniapp,文件,微信,编译,uni,WXSS,css
来源： https://blog.csdn.net/renxiaoxing55/article/details/111663967

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。