美文网首页
记录在学习taro过程中遇到的问题和解决方法(1)各平台启动

记录在学习taro过程中遇到的问题和解决方法(1)各平台启动

作者: 行走世间全都是妖怪 | 来源:发表于2020-09-21 16:03 被阅读0次

        我是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,也就是版本问题,既然说是版本不对,没办法就只能更改版本。

    相关文章

      网友评论

          本文标题:记录在学习taro过程中遇到的问题和解决方法(1)各平台启动

          本文链接:https://www.haomeiwen.com/subject/ikblyktx.html