首页 > 其他分享 >uni-app学习备忘录

uni-app学习备忘录

时间:2022-11-05 20:23:12浏览次数:97  
标签:node npm 版本号 app 备忘录 uni HBuilderX

安装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

 

标签:node,npm,版本号,app,备忘录,uni,HBuilderX
From: https://www.cnblogs.com/ljcgood66/p/16860994.html

相关文章

  • 005.application.properties配置文件的俩种写法
    1.种配置文件区分  2.格式转化的网站  3.使用(application.properties中编写)3.1 配置端口号、项目名字、公共前缀server.port=8081spring.application.name......
  • 《Unix/Linux系统编程》第十二章学习笔记 20201209戴骏
    第十二章、块设备I/O和缓冲区管理知识点归纳一、块设备I/O缓冲区I/O缓冲的基本原理非常简单。文件系统使用一系列I/O缓冲区作为块设备的缓存内存。当进程试图读取(dev,blk......
  • c语言借助GNU创建对象和嵌套union使用
    #include<stdio.h>#include<stdlib.h>#include<string.h>/**枚举体占用内存*枚举有符号,根据数值分配内存。[1~4]*但是和编译器相关联,目前我看到的都是4by......
  • 不使用hbuilderx创建 基于vue3 + vite的uniapp
    创建以javascript开发的工程npxdegitdcloudio/uni-preset-vue#vitemy-vue3-project创建以typescript开发的工程npxdegitdcloudio/uni-preset-vue#vite-tsmy-......
  • Unity中的常见单例模式
    在Unity中我们用到的最多的设计模式之一就是单例模式单例模式顾名思义就是只允许单个此实例物体存在因此单例类通常挂载在各种Manager物体上下面介绍几种常用单例模式的......
  • #Primavera Unifier:关于零代码/低代码平台特点【1/3】
    在之前对Unifier的介绍中,我提到了Unifier应用的一个非常关键的特征,及零代码快速配置使用,而为了更好的介绍OraclePrimaveraUnifier 的零代码特点,以下我将通过3篇内容来逐......
  • #Primavera Unifier:关于零代码/低代码平台特点【2/3】
     在之前对Unifier的介绍中,我提到了Unifier应用的一个非常关键的特征,及零代码快速配置使用,而为了更好的介绍OraclePrimaveraUnifier 的零代码特点,以下我将通过3篇内容来......
  • miui13更新无法显示运行中程序/运行app处理方案
     一、背景手机更新到13.0.09或是更高版本后,系统内置应用也会升级更新。我的手机更新到13.0.14上后,手机管家(安全中心)也升级到了6.3.30版本,使用后发现无法显示......
  • 使用volatile简单实现happen-before功能
    首先解释appen-before,其作用就是保证两个操作的顺序性,特别是多线程中,确保数据的准确性,对于执行顺序会有一定的要求这里引入volatile手动设置 类似的synchronized也可......
  • PowerApps Environment Types
    InPowerApps,therearefivetypesofenvironmentsthatyoucancreate,sointhissection,we’regonnalistthesePowerAppsenvironmentstypestoknowthec......