我是Android开发人员,因为一些公司业务的原因,需要进行taro的学习同时应用在Android 和IOS两端,开始在学习过程中肯定会遇到很多问题,在这里记录下(我使用的电脑是Mac)。
1.根据taro文档,在执行完taro init myApp 后,再执行npm run dev:h5,报出以下错误:UnhandledPromiseRejectionWarning: Error: Cannot find module '@tarojs/plugin-……。(出现这个问题后,没有及时截图,进行搜索的时候只保留了前边这些字符。。。。)
第一次接触taro,对搜索出来的内容理解的也不深,但大体意思都是因为版本问题造成的这样的问题,然后对照着taro官网,执行了一次npm install -g @tarojs/cli ,taro升级到最新版本,重新执行npm run dev:h5命令,浏览器出现以下页面
运行成功2.(这一步不知道需不需要,我考虑的是如果taro需要运行rn的话,应该是需要rn环境的吧。如果明确知道不需要的话,就可以不用考虑。。。。)如果要实现Android 端和IOS端需要用到React-Native,再通过React-Native中文网配置rn环境,并创建新项目AwesomeProject,通过终端命令进入到AwesomeProject目录下,运行yarn ios,发现报出一堆错误,
编译报错根据红框中的提示可以得知下一步应该做什么,进入到AwesomeProject目录下的ios目录中(一样在终端cd进入),执行命令pod install,又发现卡在以下页面,执行不下去了,emmm……
pod install后,卡在了这个页面其实不然,依然在执行下载更新库,只是速度很慢,这个问题可以直接面向百度或者Google,都可以找到比较好的解决方案,这里就不再赘述。最终运行出来的结果如下图所示:
yarn ios运行结果至此,rn的环境就配好了,下面继续taro适配rn端。
3.如果想要在taro中执行React-Native相关(以Android 为例),在根目录下执行命令npm run dev:rn会报出以下错误:
编译rn报错找到根目录下yarn.lock文件和 node_modules文件夹删除,重新执行yarn命令,又是一个漫长的安装过程....成功后重新执行npm run dev:rn,又报出如下错误:
编译再次报错taro3.x版本不再支持rn,修改版本到2.2.14
其实以上所有问题都是同一个错误UnhandledPromiseRejectionWarning,也就是版本问题,既然说是版本不对,没办法就只能更改版本。
网友评论