Bug:无法引入图标精灵

[jiuyi919]

Version

Vben Admin V5

Describe the bug?

Reproduction

System Info

Internal server error: Failed to resolve import "virtual:svg-icons-register" from "src/bootstrap.ts". Does the file exist?

Relevant log output

No response

Validations

• [X] Read the docs
• [X] Ensure the code is up to date. (Some issues have been fixed in the latest version)
• [X] I have searched the existing issues and checked that my issue does not duplicate any existing issues.
• [X] Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• [X] The provided reproduction is a minimal reproducible example of the bug.

[likui628]

@jiuyi919 试一下将配置放到vite内

import path from 'node:path';

import { defineConfig } from '@vben/vite-config';

import { createSvgIconsPlugin } from 'vite-plugin-svg-icons';

export default defineConfig(async () => {
  return {
    application: {},
    vite: {
      plugins: [
        createSvgIconsPlugin({
          // Specify the icon folder to be cached
          customDomId: '__svg__icons__dom__',
          // eslint-disable-next-line n/prefer-global/process
          iconDirs: [path.resolve(process.cwd(), 'src/icons')],
          // Specify symbolId format
          symbolId: 'icon-[dir]-[name]',
        }),
      ],
      server: {
        proxy: {
          '/api': {
            changeOrigin: true,
            rewrite: (path) => path.replace(/^\/api/, ''),
            // mock代理目标地址
            target: 'http://localhost:5320/api',
            ws: true,
          },
        },
      },
    },
  };
});

[jiuyi919]

尝试过了不可以

[Mask-MJ]

可以尝试使用 unplugin-icons