Vue3引入图片路径明明没有错,为什么项目就是提示报错呢?

报错详情如下:

Cannot find module '@/assets/img/xxxx.jpg' or its corresponding type declarations.

到处查询半天,本着试试不白试,说不定就成了的心态,发现原来是typescript无法识别图片文件,需要在配置中增加声明,

新建image.d.ts文件

/* eslint-disable */
/* 需要声明图片文件,不然报错 */
declare module '*.svg'
declare module '*.png'
declare module '*.jpg'
declare module '*.jpeg'
declare module '*.gif'
declare module '*.bmp'
declare module '*.tiff'

在tsconfig.json增加图片配置

"include": [
		"src/**/*.ts",
		"src/**/*.tsx",
		"src/**/*.jpg",
		"src/**/*.vue",
		"tests/**/*.ts",
		"tests/**/*.tsx",
		"./src/image.d.ts"   //图片配置
	],