import ‘virtual:svg-icons-register‘引用失败解决经历

问题描述：在vue3，vite，typescript搭建的前端项目中使用svg图标，使用vite-plugin-svg-icons，会报import 'virtual:svg-icons-register'找不到，百度AI给的提示错误。

正确的解决方式最后找到：

在tsconfig.json中compilerOptions里面添加  "types": ["vite-plugin-svg-icons/client"]

结构是这样，注意还可能有其他的，添加一项就可以。

{ "compilerOptions": { "types": ["vite-plugin-svg-icons/client"] } }

前提是安装了vite-plugin-svg-icons插件。

安装命令

npm install vite-plugin-svg-icons -D

最终解决参考：https://github.com/vbenjs/vite-plugin-svg-icons