TypeScript 引用资源文件后提示找不到的异常处理技巧


Posted in Javascript onJuly 15, 2020

在tsx中引用图片,在文件文本编辑器中提示错误引用:

TypeScript 引用资源文件后提示找不到的异常处理技巧

typescript无法识别非代码文件(js是可以的)。如果需要在ts中识别此文件资源,可以先声明文件类型。

新建一个ts文件,比如global.d.ts(.d.ts是typescript declaration file的简称),并放在主要代码文件夹下。

TypeScript 引用资源文件后提示找不到的异常处理技巧

在ts文件中,添加各种文件类型的声明,比如:

declare module '*.svg' {
 interface Svg {
  content: string;
  id: string;
  viewBox: string;
  node: any;
 }
 const svg: Svg;
 export default svg;
}

declare module '*.png' {
 const png: string;
 export default png;
}

declare module '*.mp3' {
 const mp3: string;
 export default mp3;
}

declare module '*.gif' {
 const png: string;
 export default png;
}

也可以简略为declaremodule'*.png';

项目编译时,会自动读取文件内容。然后就能识别资源文件了

到此这篇关于TypeScript 引用资源文件后提示找不到的异常处理的文章就介绍到这了,更多相关TypeScript 引用资源文件内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
jquery ajax 登录验证实现代码
Sep 23 Javascript
使用JavaScript的ActiveXObject对象检测应用程序是否安装的方法
Apr 15 Javascript
JS去除iframe滚动条的方法
Apr 01 Javascript
javascript新闻跑马灯实例代码
Jul 29 Javascript
javascript图片切换综合实例(循环切换、顺序切换)
Jan 13 Javascript
利用Angularjs和原生JS分别实现动态效果的输入框
Sep 01 Javascript
浅谈js中几种实用的跨域方法原理详解
Dec 02 Javascript
自定义vue全局组件use使用、vuex的使用详解
Jun 14 Javascript
javascript 中模板方法单例的实现方法
Oct 17 Javascript
微信小程序input框中加入小图标的实现方法
Jun 19 Javascript
详解JavaScript事件循环机制
Sep 07 Javascript
详解easyui 切换主题皮肤
Apr 04 Javascript
微信小程序实现列表的横向滑动方式
Jul 15 #Javascript
JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight等属性学习笔记
Jul 15 #Javascript
JavaScript实时更新当前的时间的示例代码
Jul 15 #Javascript
jQuery 添加元素和删除元素的方法
Jul 15 #jQuery
vue如何在项目中调用腾讯云的滑动验证码
Jul 15 #Javascript
Vue中keep-alive的两种应用方式
Jul 15 #Javascript
js实现浏览器打印功能的示例代码
Jul 15 #Javascript
You might like
php打造属于自己的MVC框架
2012/03/07 PHP
php设计模式之单例、多例设计模式的应用分析
2013/06/30 PHP
php数组比较实现查找连续数的方法
2015/07/29 PHP
php面向对象重点知识分享
2019/09/27 PHP
jquery UI 1.72 之datepicker
2009/12/29 Javascript
获取body标签的两种方法
2011/10/13 Javascript
javascript中的void运算符语法及使用介绍
2013/03/10 Javascript
JS远程获取网页源代码实例
2013/09/05 Javascript
jQuery实现返回顶部功能适合不支持js的浏览器
2014/08/19 Javascript
jquery判断密码强度的验证代码
2020/04/22 Javascript
在Linux系统中搭建Node.js开发环境的简单步骤讲解
2016/01/26 Javascript
Jquery实现的简单轮播效果【附实例】
2016/04/19 Javascript
JavaScript计算值然后把值嵌入到html中的实现方法
2016/10/29 Javascript
微信小程序进行微信支付的步骤昂述
2016/12/01 Javascript
Vue.js 中的 $watch使用方法
2017/05/25 Javascript
图片加载完成再执行事件的实例
2017/11/16 Javascript
Vue.js更改调试地址端口号的实例
2018/09/19 Javascript
vue 项目中当访问路由不存在的时候默认访问404页面操作
2020/08/31 Javascript
Vue自定义表单内容检查rules实例
2020/10/30 Javascript
跟老齐学Python之数据类型总结
2014/09/24 Python
python求众数问题实例
2014/09/26 Python
使用虚拟环境打包python为exe 文件的方法
2019/08/29 Python
Python实现屏幕录制功能的代码
2020/03/02 Python
图解Python中深浅copy(通俗易懂)
2020/09/03 Python
python 如何设置守护进程
2020/10/29 Python
意大利体育用品网上商城:Nencini Sport
2016/08/18 全球购物
JBL澳大利亚官方商店:扬声器、耳机和音响系统
2018/05/24 全球购物
美国在线轮胎零售商:SimpleTire
2019/04/08 全球购物
nohup的用法
2014/08/10 面试题
校园达人秀策划书
2014/01/12 职场文书
事业单位请假制度
2014/01/13 职场文书
网络信息安全承诺书
2014/03/26 职场文书
小学假期安全广播稿
2014/09/28 职场文书
个人优缺点总结
2015/02/28 职场文书
公司车队管理制度
2015/08/04 职场文书
放假通知怎么写
2015/08/18 职场文书