【uniapp】vue3引入uview-ui组件【已解决】

解决流程

1.先安装scss

yarn add sass
yarn add sass-loader

2.导入支持vue3的uview

3.main.ts 引入

// 引入 uView UI
// 我设置了路径别名所以加了@
import uView from '@/uni_modules/vk-uview-ui';

import { createSSRApp } from 'vue'

export function createApp() {
  const app  = createSSRApp(App)
  // 挂载 uView UI
  app.use(uView)
  return { app }
}

4.App.vue 引入基础样式

xxxxx
<style lang="scss">
    @import "@/uni_modules/vk-uview-ui/index.scss";
</style>

5.uni.scss 引入全局 scss 变量文件

@import '@/uni_modules/vk-uview-ui/theme.scss';

6.uniapp配置按需加载uview组件
在pages.json配置文件中配置

{
  "easycom": {
    "^u-(.*)": "@/uni_modules/vk-uview-ui/components/u-$1/u-$1.vue"
  },
	....
}

6.重启项目，进行运行

✨$踩坑不易，还希望各位大佬支持一下$

📃 $个人主页：$ 沉默小管

📃 $个人网站：$ 沉默小管

📃 $个人导航网站：$ 沉默小管导航网

🔥 $技术交流QQ群：837051545$

👍 $点赞，你的认可是我创作的动力！$

⭐️ $收藏，你的青睐是我努力的方向！$

✏️ $评论，你的意见是我进步的财富！$

如果有不懂可以留言，我看到了应该会回复
如有错误，请多多指教