当前位置：首页 > news >正文

vite+vue3+uniapp引入uview-plus 无效报警告

news 来源：原创 2025/6/21 6:40:14

具体安装方式查看官网或者其他安装的文章安装完后怎么配置才能正常显示？

main.js

import {createSSRApp
} from "vue";
import App from "@/App.vue";
import { createI18n } from "vue-i18n";
import messages from "@/locale";
import uviewPlus from 'uview-plus';export function createApp() {const app = createSSRApp(App);const i18n = createI18n({legacy: false, // 推荐使用composition apilocale: "zh-Hans", // 默认语言messages,});app.use(i18n);app.use(uviewPlus); // 挂载uview-plusreturn {app,};
}

然后还有
pages.json 去注册

	"uniIdRouter": {},//定位位置改写那的  和tabBar同级"easycom": {"autoscan": true,"custom": {"^up-(.*)": "uview-plus/components/u-$1/u-$1.vue","^u-([^-].*)": "uview-plus/components/u-$1/u-$1.vue"}}

现在可能出现scss 报错

在这里插入图片描述
还需要去vite.config.js中配置

import { defineConfig } from 'vite'
import uni from '@dcloudio/vite-plugin-uni'
import { resolve } from 'path'
// https://vitejs.dev/config/
export default defineConfig({plugins: [uni(),],css: {preprocessorOptions: {scss: {additionalData: `@import "uview-plus/theme.scss";`//如果还是报scss 错 查看下路径}}},resolve: {alias: {'@': resolve(__dirname, 'src'),},},
})