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 相关文章推荐
js报$ is not a function 的问题的解决方法
Jan 20 Javascript
jquery图片轮播插件仿支付宝2013版全屏图片幻灯片
Apr 03 Javascript
js 弹出新页面避免被浏览器、ad拦截的一种新方法
Apr 30 Javascript
JS随机打乱数组的方法小结
Jun 22 Javascript
Wireshark基本介绍和学习TCP三次握手
Aug 15 Javascript
javascript解析ajax返回的xml和json格式数据实例详解
Jan 05 Javascript
js实现做通讯录的索引滑动显示效果和滑动显示锚点效果
Feb 18 Javascript
jQuery实现的简单图片轮播效果完整示例
Feb 08 jQuery
vue devtools的安装与使用教程
Aug 08 Javascript
Vue侦测相关api的实现方法
May 22 Javascript
JS实现百度搜索框关键字推荐
Feb 17 Javascript
JavaScript常用进制转换及位运算实例解析
Oct 14 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 程序授权验证开发思路
2009/07/09 PHP
PHP 基于文件头的文件类型验证类函数
2012/05/01 PHP
PHP实现动态柱状图改进版
2015/03/30 PHP
php实现的读取CSV文件函数示例
2017/02/07 PHP
Laravel如何使用数据库事务及捕获事务失败后的异常详解
2017/10/23 PHP
php fread函数使用方法总结
2019/05/28 PHP
表单切换,用回车键替换Tab健(不支持IE)
2011/07/20 Javascript
基于jquery实现的移入页面上空文本框时,让它变为焦点,移出清除焦点
2011/07/26 Javascript
如何阻止复制剪切和粘贴事件为了表单内容的安全
2013/05/23 Javascript
使用jquery写个更改表格行顺序的小功能
2014/04/29 Javascript
jQuery结合AJAX之在页面滚动时从服务器加载数据
2015/06/30 Javascript
谈谈encodeURI和encodeURIComponent以及escape的区别与应用
2015/11/24 Javascript
js 求时间差的实现代码
2016/04/26 Javascript
BootStrap的Datepicker控件使用心得分享
2016/05/25 Javascript
DIV+CSS+jQ实现省市联动可扩展
2016/06/22 Javascript
js实现复选框的全选和取消全选效果
2017/01/03 Javascript
js实现日历与定时器
2017/02/22 Javascript
使用 Node.js 对文本内容分词和关键词抽取
2017/05/27 Javascript
使用3D引擎threeJS实现星空粒子移动效果
2020/09/13 Javascript
Vue中的Vux配置指南
2017/12/08 Javascript
对vue.js中this.$emit的深入理解
2018/02/23 Javascript
js实现随机数小游戏
2019/06/28 Javascript
微信小程序实现星级评价
2019/11/20 Javascript
JavaScript实现拖拽盒子效果
2020/02/06 Javascript
Python基于有道实现英汉字典功能
2015/07/25 Python
python 调用c语言函数的方法
2017/09/29 Python
78行Python代码实现现微信撤回消息功能
2018/07/26 Python
详解10个可以快速用Python进行数据分析的小技巧
2019/06/24 Python
Python实现决策树并且使用Graphviz可视化的例子
2019/08/09 Python
Python同时迭代多个序列的方法
2020/07/28 Python
飞利浦美国官网:Philips美国
2020/02/28 全球购物
如何写自我鉴定
2014/03/19 职场文书
乡镇党建工作汇报材料
2014/08/14 职场文书
学校党风廉政建设调研报告
2015/01/01 职场文书
白银帝国观后感
2015/06/17 职场文书
在HTML中引入CSS的几种方式介绍
2021/12/06 HTML / CSS