微信开发者工具 Wxml 面板中 No matching selector or styleuniapp运行到微信开发者

现状： a项目运行到微信开发者工具，可以在 Wxml 面板中正常查看样式； b项目运行到微信开发者工具，Wxml 面板中显示 No matching selector or style。

已知原因： uniapp项目根目录样式文件或者vue中存在:root { }

上述原因解决：

1.条件编译

/* #ifdef MP-WEIXIN */
page {
  --main-color: #4CD964;
  --font-size: 14px;
}
/* #endif */

/* #ifndef MP-WEIXIN */
:root {
  --main-color: #4CD964;
  --font-size: 14px;
}
/* #endif */

2.为body添加公共样式

body,
page {
  --main-color: #4CD964;
  --font-size: 14px;
}