wepy,wepy框架,小程序框架

关于微信小程序框架wepy框架环境安装只能安装1.7版本解决方法

2024-08-11

一、问题描述使用npm安装wepy环境一直只能安装1.7.3版，以前是可以安装2.1.0版本。执行查看版本npm show wepy-cli versions 这里可以看到版本最新只能是1.7.3版本继续查看npm官网：https://www.npmjs.com/package/wepy-cli可以看到npm上的wepy版本是1.7.3版本，后面打开腾讯官方的wepy包，看到最新版本是2.1.0二、问题解决@wepy/cli@next 是指向最新的预发布版本（如 2.x 版本），而 wepy-cli 则是旧版本（如 1.7.3）。这表明 @wepy/cli 包含了更现代的功能和更新，而 wepy-cli 是旧版的包。切换到 @wepy/cli 你可以使用更新的功能和版本

使用weapp.qrcode.js 在微信小程序中，快速生成二维码

2023-11-13

1099 0

本文使用weapp.qrcode.js 在微信小程序中，快速生成二维码，供大家参考：插件地址（码云直通车）：https://gitee.com/YuJian11/wxQRCode使用说明：先在 wxml 文件中，创建绘制的 canvas，并定义好 width, height, canvasId 。<canvas style="width: 200px; height: 200px;" canvas-id="myQrcode"></canvas> 直接引入 js 文件，使用 drawQrcode() 绘制二维码。!!!在调用 drawQrcode() 方法之前，一定要确保可以获取到 canvas context 。// 将 dist 目录下，weapp.qrcode.esm.js 复制到项目目录中import drawQrcode from '../

关于Mac系统下wepy运行环境和vue运行环境冲突Error: Vue packages version mismatch:问题的解决方法

2023-06-08

1012 0

安装好wepy环境好了之后，运行wepy热更新打包wepy build --watch，出现下面错误信息：/usr/local/lib/node_modules/@wepy/cli/node_modules/vue-template-compiler/index.js:10;throw new Error(;^Error:;Vue packages version mismatch:- vue@3.3.4 (/usr/local/lib/node_modules/vue/index.js)- vue-template-compiler@2.7.14 (/usr/local/lib/node_modules/@wepy/cli/node_modules/vue-template-compiler/package.json)This may cause things to work incorrectly. Make sure to use the same version for both.If you are using vue-l

记录一次MacBook M1芯片电脑安装wepy2环境以及运行wepy项目

2023-06-08

994 0

记录一次MacBook下安装wepy环境的教程1、安装nodejs：下载并安装到官网下载mac版本：https://nodejs.org/en/download安装好之后，输入node -v，有下列信息说明安装nodejs成功2、安装wepy脚手架，这里安装2.1版本sudo npm install @wepy/cli -g 安装好，执行wepy -v，出现下图有显示版本信息，即为安装成功3、创建项目：环境安装好之后，我们创建项目为myproject，执行下列命令wepy init standard myproject 4、运行项目：开启热编译wepy build --watch 关于安装过程遇到的问题：之前安装过其他版本，导致无法安装，打开目录删除wepy相关目

关于wepy小程序引入echarts统计图之后出现定位穿透问题的解决方案

2022-07-21

1941 0

微信小程序使用过百度 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 ==''"

wepy小程序如何引入echarts统计图

2022-07-21

1591 0

本文讲解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/ech

关于微信小程序wepy框架环境安装问题

2022-06-30

1489 0

问题描述：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微信小程序框架加入版本更新提示

2022-05-28

1413 0

我们经常可以看到一些小程序更新一个版本之后，我们再次打开会收到版本更新提示，这是这么做到的呢？以下以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) { ; ; ;

window10运行npm安装wepy2

2021-12-26

1685 0

以前用过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-cli · Failed to download repo standard: getaddrinfo ENOENT raw.githubusercontent.com错误

2021-12-26

3020 0

运行创建项目wepy init standard myproject报如下错误wepy init standard myproject;;wepy-cli · Failed to download repo standard: getaddrinfo ENOENT raw.githubusercontent.com解决方法：查看raw.githubusercontent.com的真实IP地址点开网址 https://www.ipaddress.com/ ，输入raw.githubusercontent.com，点击查询：修改hosts文件找到这个文件夹： C:\Windows\System32\drivers\etc 下的hosts 打开，在最后一行编辑185.199.108.133; raw.githubusercontent.com

$解决wepy : 无法加载文件 C:\Users\Hm\AppData\Roaming\npm\wepy.ps1，因为在此系统上禁止运行脚本。$

解决wepy : 无法加载文件 C:\Users\Hm\AppData\Roaming\npm\wepy.ps1，因为在此系统上禁止运行脚本。

2021-08-22

1713 0

运行wepy项目报如下错误wepy build watchwepy : 无法加载文件 C:\Users\Hm\AppData\Roaming\npm\wepy.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。所在位置行:1 字符: 1解决方法：打开windowpower 管理员执行set-ExecutionPolicy RemoteSigned命令，输入A即可，如下图所示：

wepy微信小程序修改头部导航颜色方法

2021-07-30

3064 0

wepy - 一个小程序的组件化开发框架，修改颜色可以打开项目src\目录下的app.wpy文件<config> { ;pages: [ ;;;'pages/index', ;], ;window: { ;;;backgroundTextStyle: 'light', ;;;navigationBarBackgroundColor: '#db215e', ;;;navigationBarTitleText: 'wepy项目', ;;;navigationBarTextStyle: 'white' ;} } </config> 修改config配置中的navigationBarBackgroundColor即可修改头部导航颜色

微信wepy框架运行项目到微信开发者工具

2021-07-29

1830 0

1、安装nodejshttps://nodejs.org/en/download/2、查看node版本node -v npm -v3、运行如下命令，全局安装或更新WePY命令行工具npm install wepy-cli -g然后开启实时编译wepy build –watch4、打开微信开发者工具选择根目录导入项目这样我们在vscode编辑器编译保存中保存，就会实时刷新小程序开发者工具了

npm install @wepy/cli -g安装wepy报错npm ERR! code EEXISTnpm ERR! Dest的解决方法

2021-07-29

2745 0

npm ERR! code EEXISTnpm ERR! dest C:\Users\Hm\AppData\Roaming\npm\wepy.cmdnpm ERR! EEXIST: file already exists, cmd shim 'C:\Users\Hm\AppData\Roaming\npm\node_modules\@wepy\cli\bin\wepy.js' -> 'C:\Users\Hm\AppData\Roaming\npm\wepy.cmd'npm ERR! File exists: C:\Users\Hm\AppData\Roaming\npm\wepy.cmdnpm ERR! Remove the existing file and try again, or run npmnpm ERR! with --force to overwrite files recklessly.;npm ERR! A complete log of this run can be found in:npm ERR!;;;;C:\Users\Hm\AppData\Roam

wepy框架项目创建方法

2021-03-31

2269 1

1、安装 wepy 命令行工具。npm;install;wepy-cli;-g2、在开发目录生成开发DEMO。;wepy;init;standard;myproject3、wepy new myproject 开发实时编译。;;wepy;build;--watch

wepy框架安装遇到的几个问题及解决方法

2021-03-31

2107 0

1、执行 wepy new myproject;安装报如下错误：deprecated command, please use wepy init standard myproject instead翻译一下大概意思是：不推荐使用的命令，请改用wepy init standard myproject解决方法：改用新的命令执行wepy;init;standard;myproject 2、执行 wepy init standard myproject;命令报如下错误：wepy-cli 路 Failed to download repo standard: read ECONNRESET解决方法：在c 盘搜索wepy.cmd，复制路径，在系统环境变量中加入 wepy.cmd路径再次执行命令，ok，正常了