window10运行npm安装wepy2 以前用过wepy1，现在要学习wepy2，运行以下命令出错 npm install @wepy/cli -g # 全局安装 WePY CLI 工具运行项目报错根据提示判断我之前安装的wepy1与现在的wepy2安装有冲突， 找到目录C:\Users\my\AppData\Roaming\npm下删除文件wepy.js， wepy，wepy.cmd进入C:\Users\Hm\AppData\Roaming\npm\node_modules目录删除相关wepy文件夹运行npm install @wepy/cli -g 安装成功。运行项目打包也成功

wepy微信小程序框架加入版本更新提示 我们经常可以看到一些小程序更新一个版本之后，我们再次打开会收到版本更新提示，这是这么做到的呢？以下以wepy为例，我们可以在：项目\src\app.wpy文件下加入以下更新提示代码：wepy.app({ async onLaunch() { console.log('热更新') if (wx.canIUse("getUpdateManager")) { const updateManager = wx.getUpdateManager(); updateManager.onCheckForUpdate(function(res) { console.log("onCheckForUpdate====11111", res); // 请求完新版本信息的回调 if (res.hasUpdate) { console.log("res.hasUpdate===="); } }); updateManager.onUpdateReady(function(res) { console.log(111, res); wx.showModal({ title: "版本更新", content: "新版本已经准备好，确定重启应用？", showCancel: false, success: function(res) { console.log("success====", res); // res: {errMsg: "showModal: ok", cancel: false, confirm: true} if (res.confirm) { // 新的版本已经下载好，调用 applyUpdate 应用新版本并重启 updateManager.applyUpdate(); } } }); }); updateManager.onUpdateFailed(function() { // 新的版本下载失败 wx.showModal({ title: "已经有新版本了哟~", content: "新版本已经上线啦~，请您删除当前小程序，重新搜索打开哟~" }); }); } }, methods: { }, globalData: { } })这样我们若是提交新的版本之后，上线，用不打开就会提示版本更新，需要重新进入。

关于微信小程序wepy框架环境安装问题 问题描述：wepy项目无法运行问题缘由，解决方法：每次电脑换新系统，总是需要重新安装开发环境，wepy环境需要进行全局安装，在桌面使用git安装，如果你之前在vscode的终端安装过，请先删除有关wepy的文件夹或者文件，然后通过下面命令安装npm install @wepy/cli -g这样默认安装的wepy2.1版本，至于如果你使用的是vscode安装默认是1.7版本，会导致wepy2项目一直运行不起来。如果还有其他问题：请参考wepy学习过程中遇到的问题及解决方法：https://www.tpxhm.com/l/72.html

wepy小程序如何引入echarts统计图 本文讲解wepy微信小程序框架中引入百度echarts框架，实现折线统计图效果展示：一、下载插件：https://github.com/ecomfe/echarts-for-weixin二、引入插件：将下载好的文件解压并放到 components 目录<config> { navigationBarTitleText: 'echarts案例', enablePullDownRefresh: false, backgroundTextStyle: 'dark', usingComponents: { "ec-canvas": "~@/components/ec-canvas/ec-canvas" } } </config> <script> import wepy from '@wepy/core' import * as echarts from '@/components/ec-canvas/echarts'; </script>三、使用插件：3.1、前端代码<!-- 图表 --> <view class="main" > <ec-canvas id="month-trend-bar-dom1" class="month-trend" canvas-id="month-trend-bar" bind:init="echartBarInit($wx,0)" :ec=" ec "> </ec-canvas> </view> <!-- 图表 -->3.2、部分js代码<script> import wepy from '@wepy/core' import * as echarts from '@/components/ec-canvas/echarts'; const app = getApp() let globalData = app.$wepy.$options.globalData wepy.page({ data: { // 有需要的可进行一些配置 ec: { }, }, async onLoad(options) {}, methods: { //图表 async echartBarInit({detail},id){ var date = ["07.21", "07.20", "07.19", "07.16", "07.13", "07.12", "06.18"]; var data =["35", "78", "73", "73", "75", "75", "75"]; this.initChart(detail.canvas, detail.width, detail.height, detail.dpr, detail.wxNode,date,data)// 调用出初始化方法，进行echart初始化，重点在于传入的wxNode }, initChart(canvas, width, height, dpr, wxNode,date,value) { //此方法中可以随意的使用this,可以愉快的动态赋值了 console.log(this) const chart = echarts.init(canvas, null, { width: width, height: height, devicePixelRatio: dpr }); canvas.setChart(chart); var option = { color:'#ed0046', xAxis : [ { type : 'category', data : date, boundaryGap: false, } ], yAxis : [ { type : 'value', x: 'center', splitLine: { lineStyle: { type: 'dashed' } } }, ], series: [ { type:'line', smooth: true, data:value, areaStyle: { color:'#f7c7d5', } } ] }; chart.setOption(option); // 对传入的wxNode进行chart赋值， // 与常规的return chart不一样，此方式下return后没有实际意义 wxNode.chart = chart; // return chart }, } }) </script>这样完成了小程序echarts引入，更多echarts模板，可以参考官方demo的代码。四、其他问题参考：关于wepy小程序引入echarts统计图之后出现定位穿透问题的解决方案

关于wepy小程序引入echarts统计图之后出现定位穿透问题的解决方案 微信小程序使用过百度 echarts 的开发者会遇到这样的问题，echarts优先级问题，因为 echarts 渲染出来的是画布 canvas ，在小程序中有限级是最高的，为了解决这个问题，我们可以采用以下思路：我们可以先等待 echarts 渲染成功之后，隐藏 echarts，然后通过图片来展示。1、小程序echarts部分代码<!-- 图表 --> <view class="main"> <ec-canvas id="month-trend-bar-dom1" class="month-trend" canvas-id="month-trend-bar1" bind:init="echartBarInit1($wx)" :ec=" ec " v-if="echartImg1 ==''"> </ec-canvas> <!-- image用来解决canvas组件层级过高问题 --> <image v-else src="https://www.tpxhm.com/fdetail/{{echartImg1}}" mode="widthFix"></image> </view> <!-- 图表 -->2、通过dom操作canvas：这里#month-trend-bar-dom1为id名，为了防止没渲染成功获取不到，这里设置了半秒之后获取操作 ，可以看到echarts生成的canvas是2d的，所以获取方法得使用 this.selectComponent()获取节点生成图片：将canvas生成临时图片展示，这里用到 canvasToTempFilePath({})this.ecComponent1 = this.$wx.selectComponent('#month-trend-bar-dom1') setTimeout(function () { that.ecComponent1.canvasToTempFilePath({ x: 0, y: 0, width: detail.width, height: detail.height, // destWidth: 700, // destHeight: 500, //mychart1的option success:res => { console.log("temp path1", res.tempFilePath) that.echartImg1 = res.tempFilePath } }) }, 500)3、 说明：wepy框架通过 this.$wx.selectComponent()获取，原生小程序通过 this.selectComponent()获取。4、其他问题参考：wepy小程序如何引入echarts统计图