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

发布于:2025-06-23 ⋅ 阅读:(15) ⋅ 点赞:(0)

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

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 api
		locale: "zh-Hans", // 默认语言
		messages,
	  });
	
	  app.use(i18n);
	  app.use(uviewPlus); // 挂载uview-plus
	return {
		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'),
    },
  },
})

如果还是报scss 错 查看下路径


网站公告

今日签到

点亮在社区的每一天
去签到