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" //图片配置
],