vue3+uniapp开发小程序踩坑指南（持续更新）

原因：没有配置小程序AppID 

2、define is not defined

报错一堆文件找不到，并且有define is not defined错误提示

原因：没有配置基础库或者基础库版本过高

3、图片没设宽高，固定宽高变形

rpx（responsive pixel）:可以根据屏幕宽度自适应。规定屏幕宽度为750rpx。如果iphon6上，屏幕宽度为375px,共有750个像素，则750rpx = 375培训= 750物理像素，1rpx =0.5px = 1物理像素。

有固定宽高，需要按照重新设置.

4、xxx.validate is not a function

表单验证中，内置方法不找不到.

检查对象原型链上结构，找到原因.

例如：是否应该xx.value.validate()，或者确认对象不存在？

实现对xxx做打印，找寻原因.

5、针对this找不到或内置相关方法找不到

• 利用ref，引入ref，声明对象取值
• 利用getCurrentInstance()函数，全局调用，从proxy中取得方法或者对象

6、App平台iOS端软键盘上方横条去除方案

app-vue在iOS上，webview中的软键盘弹出时，默认在软键盘上方有一个横条，显示着：上一项、下一项和完成等按钮。 如不想显示这个横条，可以配置softinputNavBar: 'none'

配置方式，在 pages.json 中某个页面或全局配置 style

"app-plus": {
	"softinputNavBar": "none"
}

• 如需使用js动态设置softinputNavBar

this.$scope.$getAppWebview().setStyle({
	softinputNavBar: 'none'
})
//this.$scope.$getAppWebview()相当于html5plus里的plus.webview.currentWebview()。在uni-app里vue页面直接使用plus.webview.currentWebview()无效

7、Failed to load local image xxxxxxx the server responded with a status of 500

图片路径需要从static下面取

8、Unexpected '/'. Escaping special characters with \ may help.

scss文件中，不能用// 注释，将所有注释用/* */注释