uniapp app端 踩坑记录

364 阅读2分钟

1、使用高德组件map markers属性,绑定iconPath 图片文件得放在static中才拿得到

  • 如果用父子组件props传的方式,需要要用require(../../static/a.png)

2、创建nvue 后提示找不到路径 注意设置manifest.json 中app-plus的配置

image.png

3、subNVue 原生子窗体就像子组件一样,窗体样式要在page.json 中配置

uni-app subNVue 原生子窗体开发指南 - DCloud问答

4、运行到mumu模拟器

  • 参考配置完后,下次连接依旧没有显示

  • 直接使用hbuildx的默认adb即可,即留空

uniapp HBuilderX 安装 MuMu模拟器12 基座 2023年6月最新测试有效_uniapp使用mumu模拟器_Elicef_GF的博客-CSDN博客 再次进行以下操作

  1. adb version
  2. adb connect 127.0.0.1:7555(每次hbuildx重新打开后都要再执行一次才会连接上)
  3. 重启hubuildX (如重新设置了adb位置,要重启生效,没有设置就不用重启,直接刷新即可)

出现以下即为成功

c63a715ec4c9c3136eb6e957b1d3021.png

5、将map组件封装在nvue页面,父组件可以用this.$refs.子组件.方法

6、解决报错,Ignored attempt to cancel a touchmove event with cancelable=false

在对应的滑动组件添加@touchmove.stop

参考: 解决报错,Ignored attempt to cancel a touchmove event with cancelable=false-CSDN博客

7、有安装了插件在编译到真机调试时,在编译后点击重启应用再调试,不然安装的插件可能会显示有问题或者提示没有安装该插件

image.png

8、使用webview 拦截url

  • template 页面只要写个view
    image.png
  • 在onReady生命周期中使用plus生成webview
    image.png

9、使用uni.$emit,uni.$once

在页面跳转后使用uni.$emit发送数据需要延迟,因为uni.$once 还没有生成,还没接收,uni.$emit就被摧毁了 (以上只是个人猜想,至于控制台还是会显示赋值后的值,就不太清楚了)

image.png

10、uniapp 解决 请求 总是出现 /sockjs-node/info?t=

uniapp项目 /sockjs-node/info?t=时间戳 请求失败 - 往糖悦 - 博客园 (cnblogs.com)

  • Hbulidx 3.98版本
  • sockjs位置
  • HBuilderX\update\backup\plugins\uniapp-cli\node_modules\sockjs-client\dist

11、和风官网下载图标字体

和风天气图标 ~ 开源、漂亮的天气图标库,支持SVG和Web Font,兼容和风天气API,适用于任何需要天气图标的项目。 (qweather.com)

12、引入字体文件,文件太大需要转成base64,写在css文件中

image.png

image.png

  • 得加单引号才有效

13、uniapp app端自带窗口回弹效果

关闭它

image.png

14、uniapp的easycom是自动开启的

easycom | uni-app官网 (dcloud.net.cn)
注册组件按照短横线分隔命名或者首字母大写命名,并且符合‘components/组件名称/组件名称.vue’目录结构,都可以被自动按需引入 image.png

image.png