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

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

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

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

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

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

相关推荐
liangshanbo12152 小时前
写好 React useEffect 的终极指南
前端·javascript·react.js
哆啦A梦15884 小时前
搜索页面布局
前端·vue.js·node.js
_院长大人_4 小时前
el-table-column show-overflow-tooltip 只能显示纯文本,无法渲染 <p> 标签
前端·javascript·vue.js
Q_Q5110082855 小时前
python+uniapp基于微信小程序的旅游信息系统
spring boot·python·微信小程序·django·flask·uni-app·node.js
哆啦A梦15886 小时前
axios 的二次封装
前端·vue.js·node.js
阿珊和她的猫6 小时前
深入理解与手写发布订阅模式
开发语言·前端·javascript·vue.js·ecmascript·状态模式
yinuo6 小时前
一行 CSS 就能搞定!用 writing-mode 轻松实现文字竖排
前端
snow@li6 小时前
html5:拖放 / demo / 拖放事件(Drag Events)/ DataTransfer 对象方法
前端·html·拖放
2501_916007477 小时前
iOS 混淆工具链实战,多工具组合完成 IPA 混淆与加固(iOS混淆|IPA加固|无源码混淆|App 防反编译)
android·ios·小程序·https·uni-app·iphone·webview
浪裡遊8 小时前
Nivo图表库全面指南:配置与用法详解
前端·javascript·react.js·node.js·php