引入图片报错

问题

// 报错：找不到 @/assets/img-1.png 的声明
import png from "@/assets/img-1.png";

原因

typescript 默认只检查代码文件，无法识别非代码文件

解决

1. 新建 src/typings/images.d.ts 文件，声明非代码文件

declare module "*.svg";
declare module "*.png";
declare module "*.jpg";
declare module "*.jpeg";
declare module "*.gif";
declare module "*.bmp";
declare module "*.tiff";

2. 在 tsconfig.json 文件中声明编译包含该文件

{
  "compilerOptions": {
    // ...
  },
  "include": ["src/typings/images.d.ts"]
}