最近刚学习ts相关的知识,刚好想重搭react,然后将某个.js页面直接改成了.tsx属性,项目编译过程中,这个.tsx页面import进来的图片突然找不到,项目报错无法运行。
查了一圈资料后发现typescript无法识别非代码资源,所以图片无法识别。
需要新建一个ts声明文件:images.d.ts
declare module '*.svg'
declare module '*.png'
declare module '*.jpg'
declare module '*.jpeg'
declare module '*.gif'
declare module '*.bmp'
declare module '*.tiff'
然后将images.d.ts配置到tsconfig.json中:
"include": [
"./typings/images.d.ts" //文件路径
],
页面引入import logo from './logo.svg';即可