uni-app学习备忘录

安装HBuilderX和运行uni-app的哪些坑

问题:遇到HBuilderX弹窗没有node_modules

先了解npm是什么

npm(node package manager):node.js 的包管理器,用于node插件管理(包括安装、卸载、管理依赖等) ,npm 是随同 node.js 一起安装的包管理工具,能解决 node.js 代码部署上的很多问题,常见的使用场景有以下几种:

  • 允许用户从 npm 服务器下载别人编写的第三方包到本地使用。
  • 允许用户从 npm 服务器下载并安装别人编写的命令行程序到本地使用。
  • 允许用户将自己编写的包或命令行程序上传到 npm 服务器供别人使用。

npm安装后按提示运行

有node_modules才可以再运行

 

问题:遇到模拟器弹窗

修改依赖为指定版本

  1. 查看 HBuilderX 对应的 NPM 依赖版本: 打开 NPM版本记录 (opens new window),版本号 2.0.0- 后面是与 HBuilderX 对应的版本号且小版本不会超过9,比如 HBuilderX 2.7.5.20200518 对应的版本号 2.0.0-27520200518001,2.0.0-271420200618 对应的为 2.0.0-27920200618002。

  2. 批量修改 package.json 中 uni 相关依赖为指定的版本号(去掉版本号前面 ^)。

  3. 对于有变化的依赖进行增删,提示不存指定版本的依赖可以保留原始版本或者删除,运行时提示缺少的依赖自行安装。

问题:修改状态,pinia状态管理

https://zhuanlan.zhihu.com/p/533233367

重置state

有时候我们修改了state数据,想要将它还原,这个时候该怎么做呢?就比如用户填写了一部分表单,突然想重置为最初始的状态。

此时,我们直接调用store的$reset()方法即可

问题:刘海屏适配

const { statusBarHeight, safeArea } =
uni.getWindowInfo();

const state = reactive({
navBarHeight: statusBarHeight,
topHeight: statusBarHeight,
scrollTop: 0,
isScroll: false,
timer: null,
});

底部适配:app-plus下加safearea

 "app-plus" : {

        "safearea" : {

            "bottom" : {

                "offset" : "none"

            }

        },

问题:iOS图片不显示

img修改为image

问题:空白内容组件iOS高度0

可以使用vh

height: 53vh;

margin-bottom: 0rpx;

这样就可以紧贴底部

问题:生产和开发环境的区分

.env.dev和.env.prod这里配置

 

uniapp项目嵌入到iOS原生及交互踩坑指南

http://events.jianshu.io/p/89f698a8e59a

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章