mpvue小程序开发入门级指南

Posted 逍遥超儿

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了mpvue小程序开发入门级指南相关的知识,希望对你有一定的参考价值。

报错指南

  • "Error: ERR_GET_SESSION_KEY {"code":5100,"message":"(-1)服务内部错误,请稍后重试或联系客服人员解决。"
    解决:
    https://blog.csdn.net/shine_a/article/details/86749030

  • mpvue编译时出现 “未找到入口 app.json 文件,或者文件读取失败,请检查后重新编译。”错误

  1. 改变根目录project.config.json文件的miniprogramRoot属性,改为dist/wx/
  2. mpvue1.1.1以上app.json跟原生小程序一样,单独json配置,1.1.1以下版本在main.js entry入口文件中配置 参考官网 http://mpvue.com/build/mpvue-loader/#appjsonpagejson
  • Uncaught (in promise) DOMException: Failed to execute \'open\' on \'XMLHttpRequest\': Invalid URL
    url 出错 打印url出来, 分析问题

  • navigateTo:fail page "pages/detail/main?id=34" is not found
    页面路径没有在app.json里面没有定义过,所以导致访问不到路径。或者文件夹名字有误,且子文件夹下面的文件名与文件夹名不相同。

页面分享功能

微信小程序学习 onShareAppMessage转发分享
error:当前页面未分享

1.
wx.showShareMenu({
  withShareTicket: true
})
2.
onShareAppMessage: function (res) { }     // 放于methods生命周期同级 否则报错`Cannot read property \'apply\' of null`

mpvue开发微信小程序,分享按钮报错:Cannot read property \'apply\' of null

[小程序分享报错 Cannot read property \'apply\' of null; at page XXX onShareAppMessage function] (https://blog.csdn.net/gwdgwd123/article/details/82660260)

开发指南

mpvue构建小程序(步骤+地址) 部分知识要点

获取地理位置

API: wx.getLocation
https://developers.weixin.qq.com/miniprogram/dev/api/wx.getLocation.html

Warning: getLocation 需要在app.json中声明 permisson字段(官网api 全局配置)

小程序第三方框架对比 ( wepy / mpvue / taro )

以上是关于mpvue小程序开发入门级指南的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序开发之代码提示插件(VSCode)

小程序开发总结一:mpvue框架及与小程序原生的混搭开发

小程序开发之mpVue

美团小程序框架mpvue入门教程

mpvue 小程序开发之 数据埋点统计

小程序开发mpvue-entry掘坑记