typescript项目中import 图片时报错:TS2307: Cannot find module ‘...’
2024-09-03 23:35:57
最近在用typescript写项目时,我用import来加载一个图片,webpack编译文件是会报错如下:
报错:
解决:
如果在js中引入本地静态资源图片时使用import img from './img/bd_logo1.png'这种写法是没有问题的,但是在typscript中是无法识别非代码资源的,所以会报错TS2307: cannot find module '.png'。因此,我们需要主动的去声明这个module。新建一个ts声明文件如:images.d.ts(如下)就可以了。这样ts就可以识别svg、png、jpg等等图片类型文件。项目编译过程中会自动去读取.d.ts这种类型的文件,所以不需要我们手动地加载他们。当然.d.ts文件也不能随便放置在项目中,这类文件和ts文件一样需要被typescript编译,所以一样只能放置在tsconfig.json中include属性所配置的文件夹下。
declare module '*.svg'
declare module '*.png'
declare module '*.jpg'
declare module '*.jpeg'
declare module '*.gif'
declare module '*.bmp'
declare module '*.tiff'
最新文章
- 疑惑的 java.lang.AbstractMethodError: org.mybatis.spring.transaction.SpringManagedTransaction.getTimeout()L
- linux运行级别[转自网络]
- SSO之CAS总结
- SVG中的'defs' and 'use'-可复用的图元定义
- 关于Eclipse插件开发(一)
- 10步教你来优化WordPress速度 为服务器和访客减压
- Linux MySql安装步骤
- java面试笔试大汇总
- Another Eight Puzzle
- 升级CentOS5.6_X64 python2.4.3到2.7
- ASP.NET MVC - Entity Framework
- 【Docker】(2)---仓库、镜像、容器
- numpy交换列
- DJango 前三天小结
- Vue.js文档
- Struts2标签的<;s:set>;标签与JSTL的<;c:set>;标签
- linux shell 命令常用快捷键
- 「PKUSC2018」真实排名
- 【BZOJ1499】【NOI2005】瑰丽华尔兹(动态规划)
- 关于AOP无法切入同类调用方法的问题
热门文章
- 微信小程序(一)基本知识初识别
- Result Grouping / Field Collapsing-结果分组
- 29-中国剩余定理CRT
- 【转】The most comprehensive Data Science learning plan for 2017
- 树状数组 - 2352 Stars
- elasticsearch-jdbc 使用
- javascript总结46: JS三大系列-方便的offset 家族
- POJ 3660 Cow Contest(传递闭包)
- 安装了IntelliJ IDEA中文输入法光标不跟随处理办法
- Backup--压缩备份和TDE