[vue3 配置] import 图片无法识别的问题

vue3引入图片,路径没错,但无法识别


import defaultImage from '@/assets/column.jpg'

Cannot find module '@/assets/column.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"   //图片配置
    ],

 

posted @ 2024-03-15 17:12  巧妹儿  阅读(42)  评论(0编辑  收藏  举报