如何用sveltekit-autoimport自动导入svelte/transition模块？

针对你在1.6.10版本sveltekit-autoimport中遇到的svelte/transition模块fly无法自动导入的问题，可以尝试以下几种解决办法：

方案一：调整mapping配置的写法 #

尝试将mapping配置改为数组格式，明确指定导入语句模板：

autoImport({
  mapping: [
    { find: 'fly', replacement: `import { fly } from 'svelte/transition'` }
  ]
})

数组格式的mapping是插件文档推荐的写法，稳定性优于对象格式。

方案二：清理Vite缓存并重启服务 #

Vite缓存可能导致新配置无法生效，执行以下操作：

• 停止当前开发服务器
• 删除项目根目录下的.vite文件夹
• 重新启动npm run dev或pnpm dev

方案三：升级sveltekit-autoimport到最新版本 #

1.6.10版本可能存在嵌套模块自动导入的bug，尝试升级：

npm install sveltekit-autoimport@latest

升级后保留原module配置，再次测试自动导入是否生效。

方案四：补充全局类型声明（解决编辑器提示问题） #

如果自动导入生效但编辑器报类型错误，可在src/app.d.ts中添加：

declare let fly: import('svelte/transition').FlyParams;

此步骤仅优化编辑器提示，不影响代码运行。

内容的提问来源于stack exchange，提问作者gengns