taro3.3.12升级至3.5.8解决支付宝小程序启动基础库2.0构建报错---slot 的祖先节点中未找到 element

Posted 2023-04-06 Misha韩

项目：taro3 + vue3
taro版本：3.3.12

支付宝在上传版本时要求用基础库2.0编译，否则报错，启动2.0编译后， 会有如下错误：

解决方案：社区里面说是要升级taro >=3.4.0

步骤1、查看taro版本 – npm info @tarojs/cli

步骤2、安装latest版本 — npm i -g @tarojs/cli@3.5.8

步骤3、查看是否安装成功 — taro -v

步骤4、项目更新— taro update project

步骤5、删除原先得node_modules, 重新安装

运行后，下面就是遇到得坑：
1、找不到@vue/babel-plugin-jsx --> 安装

2、再运行

这是因为 sass2.0 必须用calc去计算

解决：用math.div修改依赖并用patch-package保留修改
【怎么修改传送门】
【用patch-package保留node_modules中得依赖修改传送门】

3、可能也会有这个报错

解决：npx browserslist@latest --update-db

最后，运行npm run dev:alipay, 启用基础库2.0构建，成功~~~~撒花

一个Taro框架下跨端的图片裁剪组件：taro-cropper

参考技术A TaroCropper 是Taro小程序框架下使用的图片裁剪，基于canvasAPI进行实现，支持滑动和缩放，目前测试在微信小程序端, QQ小程序端, 支付宝小程序端, 字节跳动小程序端, 百度小程序端和H5端可以正常使用。