Nuxt3项目导入public目录图片时TypeScript报错咨询

报错信息：

Cannot find module '/icon/desktop-solid.svg' or its corresponding type declarations.

虽然图片能正常显示，但TypeScript因缺少对应文件的类型声明持续报错，以下是解决步骤：

• 在项目根目录创建types文件夹，在其中新建images.d.ts文件
• 在images.d.ts中添加以下类型声明代码：

declare module '*.svg' {
  const content: string;
  export default content;
}

declare module '*.png' {
  const content: string;
  export default content;
}

说明 #

TypeScript默认无法识别图片这类非代码文件的模块类型，上述声明会告诉TS：导入.svg或.png文件时，会返回一个字符串（对应图片在public目录中的访问路径，Nuxt会自动处理为正确的URL）。

当前你的tsconfig.json配置无需修改，Nuxt3会自动扫描根目录下types文件夹中的类型声明文件，完成配置后TS报错就会消失。

内容的提问来源于stack exchange，提问作者May W.