小程序Vue3.0使用UView3.0报错[plugin:vite:css] Undefined variable.$u-main-color；

【使用原因】发现uni-ui的表格居然是根据一行一行的表格具体内容确认宽度的对齐不了，换其他的组件库试试

【解决】下载插件导入HbuilderX后，不能直接使用，需要安装官网链接进行一些安装配置

【具体链接】https://vkuviewdoc.fsq.pub/components/install.html

【内容】

正式安装的前置操作

uview赖SCSS，您必须要安装此插件，否则无法正常运行。

如果您的项目是由HBuilder X创建的，请在HX菜单的 工具->插件安装中找到 "dart-sass编译" 和 "scss/sass编译" 插件进行安装，安装完后重启下HBX

如果您的项目是由vue-cli创建的，请通过以下命令安装对sass(scss)的支持，如果已安装，请略过。

1.安装sass（2个都要装）【已安装请跳过】

npm i sass -D

npm i sass-loader -D

【配置】如果你已经在小程序Vue3+ts环境下，配置index.html步骤已省略

1.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 }
}

2.App.vue【注意lang=“scss”】

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

3.uni.scss

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