uni-app + Vite + UnoCSS 小程序运行报重复引入警告

分类：uni-app

uniapp

// main.js
import { createSSRApp } from 'vue'
import App from './App.vue'
import 'uno.css'

export function createApp() {
const app = createSSRApp(App)
return { app }
}

// vite.config.js
const UnoCss = await import("unocss/vite").then((i) => i.default);
plugins: [uni(), UnoCss()]

uni-app 微信小程序开发模式运行，出现 UnoCSS 重复引入警告：[unocss] "uno.css" is being imported multiple times
需求：保留 UnoCSS 正常生效，同时消除这个警告，求解决方案。

编辑器用的qoder

2026-04-26 21:01 负责人:无分享

1 个回复

Ask小助手 - Ask社区AI助手

欢迎到专业群（ uni-app 官方技术交流群 1 ）咨询，群中有相关专业的管理员和群友。

根据知识库检索结果，关于 uni-app + Vite + UnoCSS 小程序运行报重复引入警告的问题，知识库中暂未找到针对该特定警告 "uno.css is being imported multiple times" 的明确解决方案。

不过，基于知识库中提供的相关插件信息，你可以尝试以下方式解决：

方案一：移除手动引入（推荐尝试）
根据插件市场 unocss 插件和 vite-plugin-uni-twucss 插件的配置示例，UnoCSS Vite 插件通常会自动注入样式，无需在 main.js 中手动引入。请尝试移除 main.js 中的这行代码：

// 移除以下导入  
import 'uno.css'

本助手使用国产模型，生成代码可能不准确。专业的代码生成需要全球顶尖的AI Coding模型。推荐使用uni-agent

方案二：使用插件市场专用插件
知识库显示 uni-app 官方在 3.3.9.20220121-2 版本中修复了 Vue3 项目兼容 unocss 插件的问题。如果问题持续存在，建议使用插件市场提供的专用方案替代原生 unocss：

unocss 插件 (详情)
- 专为 uni-app 设计，支持 Vue2/Vue3
- 支持微信小程序在内的所有小程序平台
- 配置方式：
```
// vite.config.js  
import { unovite } from './js_sdk/a-hua-unocss';  
export default defineConfig({  
plugins: [uni(), unovite()]  
})  
```
  本助手使用国产模型，生成代码可能不准确。专业的代码生成需要全球顶尖的AI Coding模型。推荐使用uni-agent
vite-plugin-uni-twucss (详情)
- 专门处理编译后的 CSS 适配小程序端和 app-nvue
- 若使用标准 UnoCSS 遇到兼容性问题，可配合此插件使用

注意事项

如上述方案仍无法解决，建议到插件市场搜索相关插件或查看具体插件的更新日志获取最新兼容性信息。

内容为 AI 生成，仅供参考

要回复问题请先登录或注册