dcloudio / dcloudio/uni-app

vue3+vite项目使用unplugin-icons导入svg组件,app-vue页面未能渲染

Open
#4,223 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
41.6k
Forks
3.7k
Avg merge
7h 6m
Merged PRs (30d)
6

Description

**问题描述**
vue3+vite构建项目通过unplugin-icons插件导入svg组件,app-vue页面调试控制台已经获取到svg标签但是没有渲染出来。

**复现步骤**
[复现问题的步骤]
1. vite引入unplugin-icons插件
2. app-vue页面导入svg组件
3. 查看页面展示

![image](https://user-images.githubusercontent.com/20455032/227121216-a5ac2521-2669-4c7a-b20c-807da0588e61.png)

**预期结果**
v3模式下svg标签能够正确被渲染

**实际结果**
svg标签已经挂载但是没有渲染出

**系统信息:**
- 发行平台: [5+ App]
- 操作系统 [如 iOS 12.1.2、Android 11.0]
- HBuilderX版本 alpha 3.7.7]
- uni-app版本 [alpha 3.7.7]

**补充信息**
vue3+vite h5平台可以正确渲染出svg图片
vue2+webpack模式下通过unplugin-icons插件导入的svg组件app-vue可以正确渲染出svg图片

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.