vue3.0使用taro-ui-vue3引入组件不生效解决方案

这两天一直研究云闪付小程序，开始和同事好不容易用云闪付的官方ui研究了，但是害怕后期在多个平台上线部署出现不兼容的问题，无奈只好另辟蹊径，选择taro来实现‘一处代码，多处运行’，我们采用Vue3.0+TS+Sass+taro-ui-vue3，在安装编译一直出现问题，掉落我们几根宝贵的头发，这里把本次遇到的坑总结下：
第一步：确保已安装全局的vue3环境，在安装taro yarn global add @tarojs/cli

项目初始化：使用命令创建模板项目：

$ taro init myApp

我这里选择的是Vue3

安装完成后：
进入项目根目录
$ cd myApp

使用 yarn 安装依赖
$ yarn

微信小程序编译命令
$ yarn dev:weapp

重头戏来了，引入taro-ui-vue3.0

1、安装 Taro UI
yarn add taro-ui-vue3

解决：yarn add taro-ui@3.0.0-alpha.3

按照官方引入sass和组件，试了好久都是【object object】，
全局引入：
1、在app.ts中配置：

import 'taro-ui-vue3/dist/style/index.scss'

2、在需要的组件中，引入，然后注册使用

<template>
  <view class="index">
     <AtButton type='primary'>按钮文案</AtButton>
  </view>
</template>

<script>
import './index.scss'
import {
    AtButton } from 'taro-ui-vue3'

export default {
   
  components:{
   
    AtButton
  }
}
</sc