乐趣区

taro原生微信小程序转支付宝小程序趟坑宝典

京东出了特别牛逼的工具 taro,号称可以开发一套程序然后转为市面上的多套小程序,比如支付宝小程序,百度小程序,微信小程序,只需要写一套代码,我看到这个的时候是特别兴奋的,因为公司的业务比较广,但是呢开发人员少,对于我们团队简直就是及时雨,于是我立马拿目前我们的原生微信小程序做转支付宝小程序的尝试。说明一下 1、微信原生小程序,没有用第三方框架,感觉符合 taro 的要求 2、要做的是将原生的微信小程序先转为 taro 的写法,然后在转为支付宝的(taro 是支持这么玩的)3、说明一下我是在 mac 上执行操作的所有过程
首先将原生微信小程序转 taro 写法,执行命令:sudo taro convert 这一步很顺利没啥问题很愉快的变会转换完成,转换完之后会在项目目录下多一个 taroConvert 文件夹,然后进入此文件夹 cd taroConvert 后执行命令 sudo npm install 到这一步你会神奇的看到报一大堆 npm ERR! 京东出了特别牛逼的工具 taro,号称可以开发一套程序然后转为市面上的多套小程序,比如支付宝小程序,百度小程序,微信小程序,只需要写一套代码,我看到这个的时候是特别兴奋的,因为公司的业务比较广,但是呢开发人员少,对于我们团队简直就是及时雨,于是我立马拿目前我们的原生微信小程序做转支付宝小程序的尝试。说明一下 1、微信原生小程序,没有用第三方框架,感觉符合 taro 的要求 2、要做的是将原生的微信小程序先转为 taro 的写法,然后在转为支付宝的(taro 是支持这么玩的)3、说明一下我是在 mac 上执行操作的所有过程 4、欢迎大家关注公众号:PHP 学习网
首先将原生微信小程序转 taro 写法,执行命令:sudo taro convert 这一步很顺利没啥问题很愉快的变会转换完成,转换完之后会在项目目录下多一个 taroConvert 文件夹,然后进入此文件夹 cd taroConvert 后执行命令 sudo npm install 到这一步你会神奇的看到报一大堆 npm ERR!
有时还会缺少 npm 包 @tarojsplugin-sass,可能还有别的反正就是少各种各样的包,而且我用了翻墙也没把所有的包下载全,不管错误啦继续往下走。执行命令:sudo npm run dev:alipay 到这一步还是很顺利的,偶尔报个错误,基本都是写法问题处理处理还是能解决的
最后顺利监听到了文件
这会我还是比较高兴的,也许很快就能成功的转为支付宝的小程序啦还是比较激动的,于是按照官方说的打开支付宝的编辑器等待见证奇迹。
于是我就看到了很申请的事情,项目跑不起来,开始报各种错误
at _class.parseBlockOrModuleBlockBody (/Applications/ 小程序开发者工具.app/Contents/Resources/app/extensions/volans-ide-tiny-project.asar/node_modules/@babel/parser/lib/index.js:8073:23)pos: 1454,loc: {line: 27, column: 9},code: ‘BABEL_PARSE_ERROR’ }
想想也正常,肯定要报错的然后就各种查找,反正最后也没找到个所以然来,但是我不死心啊,我看到官网说他们用开源项目测试成功,于是我也拿他们说的开源项目进行了测试,效果依旧支付宝小程序编辑器中出现这个

之后就这样了,这个开源项目在执行 sudo npm install 的时候也是各种缺包,但是下载不下来,我不知道是不是因为这个地方有错误的原因,趟坑太多,也许是自己水平不行吧,反正我得先暂停暂停啦,之后在接着趟。
还有一点 taro 刚出来没多久,别指望能百度出来什么解决办法,还是自己专心研究吧,就先写到这吧,同时欢迎大家关注我的公众号 PHP 学习网,大家一起学习。

退出移动版