目录

uniapp-解决组件样式不生效问题

uniapp | 解决组件样式不生效问题

Q:创建了一个页面,准备把它当成组件引入,但是发现样式不生效

https://i-blog.csdnimg.cn/direct/7640e5440e994ad5b1241b7b6f943bba.png

首先排查问题出在了哪里,第一时间查看微信开发者工具里面,是否有对应的样式wxss

https://i-blog.csdnimg.cn/direct/ec78245198d343c6a5ffea52fb067067.png

https://i-blog.csdnimg.cn/direct/458a4f0db3c149ad83f0aec37728eed0.png

可以发现明明自己写了样式,但是微信开发者工具里面,却没有wxss的编译信息,是空白的

A:排查完后,在pages.json里面发现该test_page注册成页面,所以它不能当成组件引入,这个问题的出现,是在创建页面时Hbuilder,默认勾选了注册

https://i-blog.csdnimg.cn/direct/e5b485caec2644c6b3066402cdbecf64.png

https://i-blog.csdnimg.cn/direct/dd3c3dc5898649b7855e1c4b4e1ff197.png

解决方案:删除pages.json里面的注册信息即可解决该样式不生效问题