uniapp运行到微信开发者工具出现 [ WXSS 文件编译错误] 的解决办法

问题描述：

uniapp运行到微信开发者工具，在控制台出现：[ WXSS 文件编译错误]提示，如图：

控制台点击main.wxss文件发现在uniapp中定义的uni.scss变量保持原样，没有经过编译，如图：

问题出现的原因：

经过查找发现，是由于我在app.vue中手动引入了uni.scss，并未在style标签上声明scss模式，所以uni.scss内定义的css变量就未经编译，被当做普通css进行引入，编译到小程序后，wxss不识别所以报错，如图：

解决办法：

1.不要在app.vue或其它文件内手动引用uni.scss，默认无需引用，就可以直接在其它文件的<style lang="scss">内调用里面的css变量
2.如果手动引用了，记得在style标签上声明为scss模式，如：

<style lang="scss">  
      /*但凡用到scss方式设置css的地方都要在标签上显示声明*/  
      ...  
</style>

uni.scss官方说明文档：https://uniapp.dcloud.io/collocation/uni-scss?id=collocation

另补充：奇怪的是编译到APP平台不报错，按道理官方应该也需要处理一下遇到这种引用scss，未声明style模式的时候，给一个报错提示