likes
comments
collection
share

uniapp开发踩坑记录

作者站长头像
站长
· 阅读数 19

1  运行到微信小程序工具：xxx.json: [“usingComponents“][“u-swiper“] 未找到

解决方案

起初以为是路径问题，后来排除了路径的问题，发现是因为uview-ui我不仅使用npm下载了，而且使用压缩包下载放在项目根目录下了，删除这个

原因分析

路径指向出现了歧义

2 Bad attr wx

解决方案

除了大多数情况是因为if else 不在同级、for和if不能同级外，我遇到的情况是vx:for={{{new Array(7)}}里是个表达式，并不是一个值，这个在uniapp是可以的，但是微信小程序不行，写成[1,1,1,1,1,1,1]就可以了

[自动热重载错误 WXML 文件编译错误] ./pages/user/Register.wxml
 Bad attr `wx
  18 |     <view class="_br"></view>
  19 |     <view style="display:flex;">
> 20 |         <block wx:for="{{new Array(7)}}" wx:for-item="aa" wx:for-index="idx">
     |                      ^
  21 |             <u-button vue-id="{{'d2f3e130-8-'+idx}}" plain="{{true}}" bind:__l="__l" vue-slots="{{['default']}}">
  22 |                 <u-image vue-id="{{('d2f3e130-9-'+idx)+','+('d2f3e130-8-'+idx)}}" src="{{idx+1<=day?'/static/register.png':'/static/image/collect.png'}}" width="20px" height="20px" bind:__l="__l"></u-image>{{''+(idx+1<=day?'':'x')+(idx+1)+''}}</u-button>
  23 |         </block>
at files://pages/user/Register.wxml#20(env: Windows,mp,1.06.2301160; lib: 2.30.2)

原因分析

应该是vx:for不支持表达式的写法造成的

3 uniapp在App模式下全局样式无效

uniapp在打包成App后全局样式无效

解决方案

放在在App.vue下的style标签里，记住别加scoped

原因分析

翻看打包控制台输出时看到这个告警信息就明白原因了

App平台 v3 模式暂不支持在 js 文件中引用"./app.css" 请改在 style 内引用

4 uview u-cell-group 在真机调试时不显示

uview u-cell-group 在真机调试时不显示

原因分析

是因为页面中有错误导致组件未注册，所以不会显示

解决方案

通过注释代码，找到错误源头解决掉就可以显示了

持续更新。。。

转载自:https://juejin.cn/post/7206297124940955704
评论
请登录