HbuilderX可视化搭建的项目怎么使用iconify的图标啊

[elarbor]

我看这个项目和我配置的差不多，只不过这个项目是脚手架创建的，我是可视化创建的。

然后我就直接给项目 npm i vite unocss unocss-applet @iconify-json/tabler -D 了。配置的和这个项目一样啊

uno.config.js

import {
	defineConfig,
	presetAttributify,
	presetIcons,
	transformerDirectives,
	transformerVariantGroup,
} from 'unocss'

import {
	presetApplet,
	presetRemRpx,
	transformerApplet,
	transformerAttributify,
} from 'unocss-applet'


export default defineConfig({
	presets: [
		presetApplet(),
		presetAttributify(),
		presetRemRpx(),
		// 支持图标，需要搭配图标库，eg: @iconify-json/carbon, 使用 `<button class="i-carbon-sun dark:i-carbon-moon" />`
		presetIcons({
			scale: 1.2,
			warn: true,
			extraProperties: {
				display: 'inline-block',
				'vertical-align': 'middle',
			},
		}),
	],
	/**
	 * 自定义快捷语句
	 * @see https://github.com/unocss/unocss#shortcuts
	 */
	shortcuts: [
		['flex-center', 'flex justify-center items-center'],
		['grid-center', 'grid justify-center items-center']
	],
	transformers: [
		// 启用 @apply 功能
		transformerDirectives(),
		// 启用 () 分组功能
		// 支持css class组合，eg: `<div class="hover:(bg-gray-400 font-medium) font-(light mono)">测试 unocss</div>`
		transformerVariantGroup(),
		// Don't change the following order
		transformerAttributify({
			// 解决与第三方框架样式冲突问题
			prefixedOnly: true,
			prefix: 'fg',
		}),
		transformerApplet(),
	]
})

vite.config.js

unocss的样式可以正常使用，但是iconify的图标出不来

是还差配置什么吗？