这天运行项目的时候发现报错,大概意思就是在vite-plugin-svg-icons中没有发现createSvgIconsPlugin模块。
'createSvgIconsPlugin' is declared but its value is never read.ts(6133)
'"vite-plugin-svg-icons"' has no exported member named 'createSvgIconsPlugin'. Did you mean 'ViteSvgIconsPlugin'
找到vite.config.ts配置文件去查看,发现导入createSvgIconsPlugin 划红报错
import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
随后在node_modules文件夹中找到vite-plugin-svg-icons文件中的index.ts发现变成了导出ViteSvgIconsPlugin接口
然后我就简单改了下,不懂是不是改版引起的问题
// SVG图标引用配置
//好像改版了换成了下面那个
// createSvgIconsPlugin({
// iconDirs: [path.resolve(process.cwd(), 'src/assets/icons')],
// symbolId: 'icon-[dir]-[name]'
// }),
<ViteSvgIconsPlugin>({
iconDirs: [path.resolve(process.cwd(), 'src/assets/icons')],
symbolId: 'icon-[dir]-[name]'
}),