本文不定时更新中……

收集了一些在开发过程中遇到的一些问题的解决方法,适合新手。

异常:出现脚本错误或者未正确调用 Page()

原因:不小心删了第一行内容:

异常:模块编译失败:TypeError: Cannot read property 'for' of undefined

at fixDefaultIterator (D:\HBuilderX\plugins\uniapp\lib\mpvue-template-compiler\build.js:4277:24)

at mark (D:\HBuilderX\plugins\uniapp\lib\mpvue-template-compiler\build.js:4306:5)

at markComponent (D:\HBuilderX\plugins\uniapp\lib\mpvue-template-compiler\build.js:4371:5)

at baseCompile (D:\HBuilderX\plugins\uniapp\lib\mpvue-template-compiler\build.js:4384:15)

at compile (D:\HBuilderX\plugins\uniapp\lib\mpvue-template-compiler\build.js:4089:28)

at Object.module.exports (D:\HBuilderX\plugins\uniapp\lib\mpvue-loader\lib\template-compiler\index.js:43:18)

原因:新建的页面(简单模板)只有以下 3 个标签,须在 中添加一些代码,如

异常:模块编译失败:TypeError: Cannot read property 'toString' of undefined

at Object.preprocess (D:\HBuilderX\plugins\uniapp\lib\preprocess\lib\preprocess.js:56:15)

at Object.module.exports (D:\HBuilderX\plugins\uniapp\lib\preprocessor-loader.js:9:25)

原因:没有原因,纯抽风,HX 关掉再开就好了。

异常:Cannot set property 'xxx' of undefined;at pages/... onLoad function;at api request success callback function

原因:属性未定义,例如data() {

return {

item: { }

}

}

而直接赋值 this.item.abc.xxx = '123';

解决:data() {

return {

item: {

abc: ''

}

}

}

问:page 页面怎样修改 tabBar?

答:官方文档未给出答案,百度了一圈也无果(2018-10-23),但有人说小程序的 setTabBarBadge() 方法设置角标是可以用的。

坑:VM1694:1 获取 wx.getUserInfo 接口后续将不再出现授权弹窗,请注意升级

参考文档: https://developers.weixin.qq.com/community/develop/doc/0000a26e1aca6012e896a517556c01

填坑:放弃使用 uni.getUserInfo 接口来获取用户信息,uni.login 可返回用于换取 openid / unionid 的 code,参:uni.login、 code2Session

坑:字符搜索(当前目录)(Ctrl+Alt+F)搜不出所有结果

填坑:顾名思义他只搜索当前目录,即当前打开文件所在目录,而非我误认为的整个项目根目录。在“项目管理器”中选中要搜索字符的目录即可。

坑:uni.navigateTo() 或 uni.redirectTo() 没反应

填坑:这两个方法不允许跳转到 tabbar 页面,用 uni.switchTab() 代替。

坑:使用“Ctrl+/”快捷键弹出“QQ五笔小字典”窗口

解决:打开QQ五笔“属性设置”,切换到“快捷键设置”选项卡,把“五笔小字典”前的勾取消(即使该组合键是设置为Ctrl+?)。

坑: 中的  太大,超出屏幕宽度

填坑:用正则表达式给  加上最大宽度data.data.Content = data.data.Content.replace(/\

坑:无法重命名或删除目录或文件

填坑一:“以管理员身份运行”HBuilder X 后再试。

填坑二:关闭微信开发者工具、各种手机和模拟器后再试。

填坑三:打开“任务管理器”,结束所有“node.exe”进程后再试。

坑:thirdScriptError

sdk uncaught third Error

(intermediate value).$mount is not a function

TypeError: (intermediate value).$mount is not a function

Page[pages/xxxx/xxxx] not found. May be caused by: 1. Forgot to add page route in app.json. 2. Invoking Page() in async task.

Page is not constructed because it is not found.

填坑:关闭微信开发者工具、各种手机和模拟器后,删除“unpackage”目录。

坑:Unexpected end of JSON input;at "pages/news/view" page lifeCycleMethod onLoad function

SyntaxError: Unexpected end of JSON input

填坑:给 uni.navigateTo() 的 url 传参时,如果简单地将对象序列化 JSON.stringify(item),那么如果内容中包含“=”等 url 特殊字符,就会发生在接收页面 onLoad() 中无法获取到完整的 json 对象,发生异常。uni.navigateTo({

url: "../news/view?item=" + JSON.stringify(item)

})

所以应该把参数值编码:uni.navigateTo({

url: "../news/view?item=" + escape(JSON.stringify(item))

})

如果是一般的 web 服务器来接收,那么会自动对参数进行解码,但 uni-app 不会,如果直接使用:onLoad(e) {

this.item = JSON.parse(e.item);

}

会发生异常:Unexpected token % in JSON at position 0;at "pages/news/view" page lifeCycleMethod onLoad function

SyntaxError: Unexpected token % in JSON at position 0

需要解码一次:onLoad(e) {

this.item = JSON.parse(unescape(e.item));

}

需要注意的是,unescape(undefined) 会变成 'undefined',如果要判断是否 undefined,应是 unescape 之前。

坑:图片变形

填坑:mode="widthFix"

坑:页面如何向 tabBar 传参

填坑:全局或缓存

坑:编译为 H5 后,出现:Access-Control-Allow-Origin

填坑:参阅

坑:编译为 H5 后,GET 请求的 URL 中出现“?&”

填坑 :客户端只求 DCloud 官方能够尽快修复这个 bug,IIS 端可以暂时用 URL 重写来防止报 400 错误,参此文。

坑:[system] errorHandler TypeError: Cannot read property 'forEach' of undefined

填坑:待填

谢谢赞赏 ♥

hbuilderX里uniapp和php,使用 DCloud 工具 HBuilder X 开发 uni-app 项目踩过的一些坑相关推荐

  1. 优雅的使用vue+Dcloud(Hbuild)开发混合app

    最近在做混合app,前端框架用的是vue,打包app使用的是Dcloud,不过在开发过程中有一点不爽的是,如果想使用Dcloud提供的plus这个环境变量,难倒每次都得使用npm run build先 ...

  2. uni-app开发的APP项目上线后,登录后自动检测更新,点击下载并安装,可手动检测版本更新,实现扫码下载功能

    先说实现逻辑:我选择原生app-云打包,打包时设置好版本号,打包后上传到后台管理的app版本管理中:页面在App.vue中加载时storage设置当前的app版本号,首页加载出来时调用后台管理上传的最 ...

  3. Uniapp+Nodejs实现外卖App项目1-项目介绍

    项目介绍 本项目采用uniapp和nodejs(数据接口).mongodb等技术实现了一个类似美团外卖的简易APP.项目主要目的是为了快速上手,如何快速使用uniapp开发一个app项目,同时掌握一些 ...

  4. 如何用HBuilderX把uni-app项目运行到微信开发者工具上

    1.复制自己的微信小程序的AppID: 方法一:在微信开发者工具中获取APPID 方法二: 在小程序后台获取 2.在HBuilderX 新建项目中填写自己的微信小程序的 AppID: 3.在 HBui ...

  5. uniapp:在HBuilderX里使用夜神模拟器

    夜神模拟器端的操作步骤: 1.安装夜神模拟器,加载时间比较长,耐心等待一下. 2.打开夜神模拟器,点击右侧的模拟器助手图标. 3.选择一个安卓版本,为了方便写博客,我就选择了软件推荐的正式版.(可能会 ...

  6. HBuilderX用uni-app做微信小程序授权登录

    首先,先找到HBuilderX的官网下载软件安装包进行安装. 链接:https://uniapp.dcloud.io/quickstart 然后根据你电脑的配置下载相对应的版本即可. 下载完成后,就是 ...

  7. hbuilderx 小程序分包_很酷的HBuilderX和uni-app,开发一次既能生成小程序又能生成App...

    很酷的HBuilderX和uni-app,开发一次既能生成小程序又能生成App 创业者福利,做一次小程序和APP都有了 更流畅 由于基于C++架构而非eclipse或webkit架构,HX在启动速度. ...

  8. HBuilderX 编辑代码保存后 微信开发者工具无法自动刷新

    问题: HBuilderX编辑代码后,微信开发者工具没有实时更新. 原因: 微信开发者工具里设置了代码文件自动保存所导致. 解决方案: ① 打开微信开发者工具里的设置 ② 进入设置界面后,点击编辑器, ...

  9. HBuilderX 创建 uni-app 模板项目,提示下载失败

    HBuilderX 创建 uni-app 模板项目,提示下载失败 右键以"管理员身份运行" 运行HBuilder X就可以创建成功了!

  10. HBuilderX使用uniapp框架开发Android应用实现热更新

    目录 实现热更新功能的思路 准备工作 实现代码 细节问题!!! 实现热更新功能的思路 1.打开应用时就能立马从manifest.json获取本机应用的版本号version1. 2.拿到版本号versi ...

最新文章

  1. 每天一个linux命令(33):df 命令
  2. 人脸识别技术大总结(1):Face Detection Alignment
  3. python的scrapy爬虫模块间进行传参_Python | Scrapy 爬虫过程问题解决(持续更新...)...
  4. 信用卡套现只要正常还款,银行是不是睁只眼闭只眼?
  5. php字长是什么,计算机的字长是指什么
  6. 不限流量的物联卡是否真存在
  7. mysql拼接字符串
  8. uni-app开发APP上架应用市场遇到的坑
  9. MySQL 查询语句返回某字段出现超过1次的所有记录
  10. css 简单写出咸蛋超人
  11. 详解Nginx Rewrite标记last和break的区别
  12. Windows C编程中Win7隐藏任务栏图标方法
  13. 建设银行上海住房公积金业务网点
  14. 四层PCB核心板制作3——层叠管理
  15. 3.5寸TFT LCD彩屏
  16. 如何正确选择视频流服务器?
  17. 笔记:JavaScript编译与执行
  18. Linux中sh执行脚本命令没有权限也能正常执行
  19. cad添加自己线性_如何在CAD中添加自己编的线性
  20. Python爬虫笔记——xpath的contains用法

热门文章

  1. aoa计算机二级考试答案操作题,浙江省计算机二级等级考试aoa理论题.pdf
  2. JSON格式化软件 - 开源工具 JSON Viewer
  3. 注册测绘师考试复习视频资料
  4. python如何释放对象_如何正确清理Python对象?
  5. bxl类型封装转换为AD库封装
  6. 方程根求解数值方法matlab实现二分法、牛顿法、斜截法,代码程序,手写思路,理论分析,最基本的操作
  7. 服务器打微软补丁后无法启动,关于打了最新微软补丁后,针式打印机突然不好打印的处理方法。...
  8. html期末作业代码网页设计——代码质量好-宠物网(8页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码
  9. c语言love字符怎么打,love字母特殊符号
  10. 深圳大学计算机保护一志愿吗,考研保护第一志愿是什么意思?哪些院校官宣保护一志愿?...