uniapp开发微信小程序踩坑记录

1.微信小程序开发者工具打开正常,上传到微信开发者平台扫码后,发现找不到,

解决方式:打开调试工具,提示找不到page/index/index目录,模版项目只有page/index,进行修改多一层文件夹就可以了。

2. 代码质量报按需导入报错,在app.json进行配置

json 复制代码
"lazyCodeLoading": "requiredComponents",

3. message:Error: 上传失败:网络请求错误 非法的文件,错误信息:invalid fil?

没有将es6转成es5 在开发者工具勾选

5.进行打包后发布h5,无法访问

解决方式:将web打包路径设置成./(会走hash模式) ask.dcloud.net.cn/article/374...

如果是history模式,项目放在服务器上的 uniapp文件夹,web打包的时候就可以写/uniapp 这样访问应用就可以是域名+/uniapp

6. uniapp getPhoneNumber:fail operateWXData:fail jsapi has no permission" errno:

个人账号无法给他人使用,需要公司账号,进行认证后。

7. h5跨域

json 复制代码
	"h5": {
		"title": "UReport",
		"uniStatistics": {
			"enable": true
		},
		"router": {
			"base": "./",
			"mode": "history"
		},
		"optimization": {
			"treeShaking": {
				"enable": true
			}
		},
		"template": "template.h5.html",
		"unipush": {
			"enable": true
		},
		"devServer": {
			"disableHostCheck": true,
			"proxy": {
			  "/siam": {
				"target": "https://XXX.XX.com/",
				"changeOrigin": true,
				"secure": false, // 如果是https接口,需要配置这个参数
				"pathRewrite": {
				  "^/siam": ""
				}
			  }
			}
		}
	},

7. input双向绑定失效

基础库选择最高

8. uniapp解决 vendor.js 体积过大的问题

排除引入比较大的插件、静态资源(js、img),运行时 勾选进行压缩 、分包

9.页面参数兼容性

<math xmlns="http://www.w3.org/1998/Math/MathML"> r o u t e 在 h 5 可以获取,微信小程序获取失败切换成 t h i s . route在h5可以获取,微信小程序获取失败 切换成this. </math>route在h5可以获取,微信小程序获取失败切换成this.mp

10.tooltip

  1. ucharts图表 h5 tooltip显示无问题,但是微信小程序tooltip不展示 原因:使用了scroll-view,在qiun-data-charts组件加上inScrollView即可

  2. ucharts,官方不支持插入html文本(写入标签样式代码,不会进行解析编译,当成纯文本展示出来,返回String) ,详情可查看www.ucharts.cn/v2/#/ask/qu...

11.uchart 图卡、样式错乱

开启最新基础库,启用canvas2d

相关推荐
MiyueFE8 分钟前
14 个逻辑驱动的 UI 设计技巧,助您改善任何界面
前端·设计
啃火龙果的兔子12 分钟前
前端单元测试覆盖率工具有哪些,分别有什么优缺点
前端·单元测试
「、皓子~39 分钟前
后台管理系统的诞生 - 利用AI 1天完成整个后台管理系统的微服务后端+前端
前端·人工智能·微服务·小程序·go·ai编程·ai写作
就改了42 分钟前
Ajax——在OA系统提升性能的局部刷新
前端·javascript·ajax
凌冰_44 分钟前
Ajax 入门
前端·javascript·ajax
京东零售技术1 小时前
京东小程序JS API仓颉改造实践
前端
老A技术联盟1 小时前
从小白入门,基于Cursor开发一个前端小程序之Cursor 编程实践与案例分析
前端·小程序
风铃喵游1 小时前
构建引擎: 打造小程序编译器
前端·小程序·架构
sunbyte1 小时前
50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | ThemeClock(主题时钟)
前端·javascript·css·vue.js·前端框架·tailwindcss
小飞悟1 小时前
🎯 什么是模块化?CommonJS 和 ES6 Modules 到底有什么区别?小白也能看懂
前端·javascript·设计