找不到模块“@/assets/各个样式.png”或其相应的类型声明

使用vue3+ts写项目引入.png文件报的错。

网上搜的误将.png和.vue写到了一个.d.ts文件中

declare module "*.vue" {
  import { ComponentOptions } from "vue";
  const componentOptions: ComponentOptions;
  export default componentOptions;
}
declare module "*.png" {
  const content: any;
  export default content;
}

此时没有解决，依旧标红

重新写一个新的.d.ts文件，命名为png.d.ts

declare module "*.png" {
  const content: any;
  export default content;
}

并在tsconfig.json中引入

{
  "compilerOptions": {
    "jsx": "react",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "baseUrl": ".",
    "paths": {
      "@/*": ["./src/*"]
    }
  },
  "allowJs": true,
  "include": ["src", ".d.ts", "png.d.ts"]
}

警告消失

已安装的插件，可能需要安装ts的volar