使用Rax构建小程序项目踩坑记录

参考官方教程npm init rax my-app会报证书过期错误,原因是官方没更新镜像源。

我的解决办法是去github找模板自己下载,但是找半天都没找到miniapp项目模板,找了个使用示例的项目。

安装地址:

复制代码
https://github.com/raxjs/miniapp.git

里面有很多使用示例,我随便找了个use-input当项目模板。

项目npm install会报Eslint版本冲突报错,使用

复制代码
npm install --legacy-peer-deps

或者用yarn install。

项目跑起来后提示升级rax-app到3.0,我怕后续要使用3.0的东西,所以就升级了。
升级3.0遇到问题:

根据官方升级教程,npm undate也是遇到eslint版本冲突,也是使用 --legacy-peer-deps解决。

复制代码
npm install --update

跑项目时node版本太低会报一些错误。我使用了20.19.5,但是还是有个错误

解决办法:

复制代码
set NODE_OPTIONS=--openssl-legacy-provider

支付宝小程序跑起来效果:

还是有坑,项目是跑起来了,但是页面内容没显示出来,这种升级方法还是有太多问题。最好还是去找官方的rax-app3.0模板。当然,非阿里的人最最好是别用这鬼东西。

放弃了,跟老板说用原生写吧。

注:

非必要不要用Rax,很多坑,这框架是阿里内部使用的,然后对外开放了部分。官方文档也是没什么人维护,github也是没人维护。使用的人太少,遇到坑不好解决。

相关推荐
吴声子夜歌4 天前
小程序——布局示例
小程序
luffy54594 天前
微信小程序页面使用类似filter函数的wxs语法
微信小程序·小程序
Slow菜鸟4 天前
微信小程序开发(二)目录结构完全指南
微信小程序·小程序
小小王app小程序开发5 天前
海外盲盒小程序抽赏玩法分析(附跨境技术落地要点)
小程序
一叶星殇5 天前
微信小程序请求拦截器踩坑:避免重复刷新 token
微信小程序·小程序
hello kitty w5 天前
4. 基本语法
小程序
CHU7290355 天前
探索淘宝扭蛋机小程序:创意互动与趣味体验的融合
小程序
头发还在的女程序员5 天前
【免费下载】企业能源管理系统
小程序·策略模式·能源管理
吴声子夜歌5 天前
小程序——样式与布局
小程序
hello kitty w5 天前
3.小程序方法的封装
javascript·小程序