Taro小程序踩坑集锦
初始化项目安装完Taro cli之后使用 taro init app-name 创建项目创建项目是会有让开发者选择模板 如果不使用云开发 taro-ui为首选 如果使用云开发则选择wxcloud注册微信小程序如果想使用云开发,一定要在小程序开发者网站 注册小程序 有些之前做过小程序的同学但是好久没有写过了你登陆进去就会发现,你的小程序账号被冻结了,被冻结了,被冻结了????,** 那么碰到这个问题
初始化项目
安装完Taro cli之后使用 taro init app-name 创建项目
创建项目是会有让开发者选择模板 如果不使用云开发 taro-ui为首选 如果使用云开发则选择wxcloud
注册微信小程序
如果想使用云开发,一定要在小程序开发者网站 注册小程序 有些之前做过小程序的同学但是好久没有写过了你登陆进去就会发现,你的小程序账号被冻结了,被冻结了,被冻结了😊,
** 那么碰到这个问题怎么办呢,没关系,小程序贴心的为你准备了账号找回服务,但是!!他是根据你的小程序名和appid**来找回,但是我都两年没用过了!!我上哪找我的小程序和appid去??
那么小伙伴会问了,那这怎么办啊??嗯,没辙🙂(反正我是没找到,你要是有耐心可以仔细找一找),反正我干脆用另外一个邮箱重新注册了一个🙂
使用taro开发小程序
使用taro写小程序,首先就是需要把你的react/vue或其他的编译为小程序,taro主要起到了编译的作用,所以在使用taro开发的时候要先启动编译,再开始写代码,也正因为如此,跟编译扯上关系的框架是不会让你顺顺当当的进行开发的,不为别的,就是玩。
首先就是编译停止的问题,这个问题就没有截图了,因为太频繁了,出现这个问题其实多半也是因为使用vscode的时候使用的自动保存,导致保存一次,taro就会自动编译一次,所以当你代码写错了,又赶上他自动保存的时候,taro也会报错,也就有大概率可能会卡住,所以小伙伴们如果碰到什么带webpack的报错,你就需要看着点你的taro命令行,看看是不是卡死了,如果最后一行是编译成功,也建议你重启taro,和重启小程序开发工具,

然后开发过程中肯定会产生很多组件,但有的时候组件本身并没有报错,但是引入的时候就会报错,然而有的小伙伴(我)会认为组件引入之后,我不用,诶~就是玩,他就不会报错,然后你可爱的Taro也会玩你的😊,这个问题虽然你的模拟器会报错,但如果你真机调试是不会有问题的,所以这个问题极具迷惑性

以上两个问题都会首先报一个Please do not register mutiple Pages in xxxx 所以很多小伙伴可能会被迷惑到
再然后就是帮我队友安taro环境的时候碰到的问题,他在启动taro和install的时候 碰到了更具迷惑性的报错如下图👇

仔细看这两个报错都是node-sass报,然后我就上网去搜这个问题,然后都说让我手动装node-sass,而且相当的麻烦,然后我看了一下他node的版本,竟然是15.0.1,然后我去node官网看了一眼,官网下载也下载的只是14.16.1然后我突然想起来,之前node也让我更新过,我手贱给更了,然后到了15好像也报了这个错,我立马就悟了,果断把他node删了,重新下了一个,有的小伙伴会问你咋不用nvm包管理工具,有这功夫我都删完安完了,然后问题解决了,结论:node让你升级,千万别升,就用当前最稳定的版本就可(14.16.1)
再再然后Taro狗完,就该微信和Taro一起狗了,我做这个项目的时候是2021年4月21日,这个日子正好赶上小程序的api,getUserInfo被取消,然后需要用getUserProfile替代,所以我当时的问题是使用getUserInfo一直不给我弹窗授权,然后会给我返回一些匿名的值,然后百度无果后,我又仔细看了看控制台突然发现了这个警告框👇
但是看到这个警告的时候我第一反应就是这不还没到28号呢吗那不应该没啥毛病吗,然后我通过底下的链接进到api官网,发现这些的都是13号,所以我就想难道现在是体验服期,先让你改着,到28号就直接砍掉了??
在接受了这个现实的问题之后 又碰到了Taro的🐕问题,当前版本的Taro api中并没有getUserProfile,而且Taro又不能直接使wx.我直接Taro.getUserProfile也会直接报not definde,于是我百度看到要升级到Taro 3.2,于是我把我的Taro cli升级到了3.2.1 到此为止,Taro.getUserProfile可以正常使用了,我本以为一切正常了然而我还是 草率了。
第二天,我再次打开微信开发者工具的时候,整个控制台都是血红色的报错,惨不忍睹
然后我又接着去百度,说让我把项目中的taro也升级到和cli相同的版本,我升了,还是报,还有说让我把react升级成17的,我生了,继续报,直到我看到,有别的报错是把Taro升到3.2.4才解决,此时我想当,会不会是我Taro版本不对,于是我直接把Tato @last 升级到最最新版本,终于!!!一切恢复了正常。结论:Taro要升级到最后版,最好不要直接升级到某一版本
此时我的心已经千疮百孔,就算如此我也想尝试装个redux,用点高级玩意儿,然而点背的我按照官网的npm 直接复制安装
然而结果是,Err Err Err Err,得 我不配,再说吧🙂
再再再然后 又过了两天,在我引入我自己封装的云函数调用方法的时候 出现了,只要引入,页面就不显示的问题,也不报错,就是页面是白的,甚至方法都没有调用,只是import 就出现这个问题,然后我又是无限百度,然后,我抱着试试的态度,把taro也关了 ,开发者工具也关了,项目也退了,然后电脑也重启,然后 他的 自己好了🙂结论:遇事不决,关Taro,关项目,关工具,关电脑**
使用云开发
如果想使用云开发 首先一定要在小程序开发者网站 注册小程序 获取appid!!否则以测试号进入小程序会发现,微信开发者工具中左上角云开发按钮是灰色的不可以点击,也就不可以创建云环境,更不能使用云函数了。function旁边出现当前环境:xxxx则为可以使用云函数了
如果想使用云开发的本地调试,首先右键点击你创建的云函数然后在外部终端窗口打开,并在命令行中npm install
如果你想在你的小程序中调用请求你刚写好的云函数,切记!!一定要 上传并部署 上传并部署 上传并部署, 你在本地调试中只用保存你的代码 你本地调试就可以直接同步更新,但是如果你需要在程序中请求你的云函数,就一定要 上传并部署
更多推荐


所有评论(0)