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 )

原文地址:https://www.cnblogs.com/yc8930143/p/10663847.html

时间: 2024-07-30 15:25:10

mpvue小程序开发入门级指南的相关文章

第一个mpvue小程序开发总结

前言 说起小程序,其实在去年我都还只试着照着官方文档写过demo的,不过现在这家公司小程序做得比较多,我来之后也参与了几个小程序的开发了,最开始那几个是用的wepy,最近一个开始转用mpvue开发,最近这个项目终于上线了,我也来试着总结回顾一波吧. 关于框架的选择 我刚来现在的公司时,我就了解过有一个小程序框架叫mpvue被美团开源了,有过一个大致的了解.来了公司之后了解到我们公司已经有了一套自己的小程序技术栈那就是基于wepy的,而不是原生小程序,毕竟我们要开发的小程序不是简单的几个页面,而且

武装你的小程序——开发流程指南

前端工程本质上是软件工程的一种.软件工程化关注的是性能.稳定性.可用性.可维护性等方面,注重基本的开发效率.运行效率的同时,思考维护效率.一切以这些为目标的工作都是"前端工程化".工程化是一种思想而不是某种技术. 本篇文章你可以学到: 如何使小程序支持scss: 怎样通过gulp编译你的项目: 项目常用的模块封装: 小程序同webview之间如何优雅的进行交互: 集中式管理你的项目提高可维护性: 提升开发效率的小工具编写: 全文全部基于原生的小程序开发所阐述,各种第三方框架开发不在此列

mpvue小程序开发中配置less支持

问题 开发小程序选定了mpvue框架后,然后是选择理想的小程序组件库,我选择的是Vant Weapp.但是,在Vant Weapp组件毕竟也是有限的,实际问题可能复杂得多.因此,把Vant Weapp组件与小程序原生组件(如swiper等)联合使用,甚至是开发自定义组件都是可能的.另一方面,使用Vant Weapp组件类似库的一个好处是,很大情况下,可以不必关注CSS样式的编写,但也不尽然.今天就遇到这样一个问题. 在mpvue框架时,我自然地使用了官方提供的mpvue-quickstart模板

mpvue小程序开发之 集成第三方UI框架Vant Weapp UI

集成进第三方的UI框架其实很简单 这里把vant-weapp的dist目录重命名为vant-weapp放在项目根目录的static文件夹下: 在src文件夹下,即我们写vue代码的位置,正在编写的页面中添加main.json文件(vue代码编译成小程序代码时会直接使用这个文件) { "usingComponents": { "van-button": "/static/vant-weapp/button/index" //这个路径是指根目录下st

mpvue 小程序开发爬坑汇总

<!-- 小程序的爬坑记录 --> 1 微信小程序之动态获取元素宽高 var obj=wx.createSelectorQuery(); 2 微信小程序图片自适应 <image class="themeImg" :src="themeImg" mode="widthFix" /> mode设置为widthFix 宽度100% 3.小程序上拉加载 下拉刷新 4.通过 this.$root.$mp.query 进行获取小程序在

mpvue小程序开发tips(1)

wx.setStorageSync('vipId',vipId)-----存储 wx.getStorageSync('vipId')-------读取 wx.navigateTo({ url: `/pages/detail/main?id=${id}` })-------页面之间跳转传递参数 如果需要传递整个对象,如下: goPage (item) { let obj = JSON.stringify(item) wx.navigateTo({ url: `/pages/detail/main?

mpvue体验微信小程序开发

微信小程序 https://developers.weixin.qq.com/miniprogram/introduction/index.html?t=18082114 微信小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验. 概览 为了帮助开发者简单和高效地开发和调试微信小程序,我们在原有的公众号网页调试工具的基础上,推出了全新的 微信开发者工具,集成了公众号网页调试和小程序调试两种开发模式. 使用公众号网页调试,开发者可以调试微信网页授权和微信

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

mpvue-native:小程序原生和mpvue代码共存 问题描述 mpvue和wepy等框架是在小程序出来一段时间之后才开始有的,所以会出现的问题有:需要兼容已有的老项目,有些场景对小程序的兼容要求特别高的时候需要用原生的方式开发 解决思路 mpvue的入口文件导入旧版路由配置文件 公共样式 字体图标迁移 app.wxss -> app.vue中less(mpvue的公共样式) 旧项目导入 旧项目(native)拷贝到dist打包的根目录 这个要注意的就是拷贝的旧项目不能覆盖mpvue打包文件

小程序开发运营必看:微信小程序平台运营规范

一.原则及相关说明 ? 微信最核心的价值,就是连接——提供一对一.一对多和多对多的连接方式,从而实现人与人.人与智能终端.人与社交化娱乐.人与硬件设备的连接,同时连接服务.资讯.商业. ? 微信团队一直致力于将微信打造成一个强大的.全方位的服务工具.在此基础上,我们推出了微信小程序这个产品,提供给微信小程序的开发者在微信内搭建和实现特定服务.功能的平台.通过全面开放的能力,我们将更多连接的可能给予企业和服务提供者,并为微信小程序提供基础的接入能力.运营环境和规则体系,进而帮助更多的企业和服务提供