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 相关文章推荐
JavaScript获取页面中第一个锚定文本的方法
Apr 03 Javascript
基于jquery实现鼠标滚轮驱动的图片切换效果
Oct 26 Javascript
angularjs自定义ng-model标签的属性
Jan 21 Javascript
jQuery实现简单的DIV拖动效果
Feb 19 Javascript
多功能jQuery树插件zTree实现权限列表简单实例
Jul 12 Javascript
深入学习 JavaScript中的函数调用
Mar 23 Javascript
Node接收电子邮件的实例代码
Jul 21 Javascript
使用Vue完成一个简单的todolist的方法
Dec 01 Javascript
Vue前后端不同端口的实现方法
Sep 19 Javascript
JavaScript实现tab栏切换效果
Mar 16 Javascript
vue中解决chrome浏览器自动播放音频和MP3语音打包到线上的实现方法
Oct 09 Javascript
JS轻量级函数式编程实现XDM三
Jun 16 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中删除变量时unset()和null的区别分析
2011/01/27 PHP
php学习之 循环结构实现代码
2011/06/09 PHP
解决PHP4.0 和 PHP5.0类构造函数的兼容问题
2013/08/01 PHP
thinkphp3.2中实现phpexcel导出带生成图片示例
2017/02/14 PHP
详解thinkphp5+swoole实现异步邮件群发(SMTP方式)
2017/10/13 PHP
页面中body onload 和 window.onload 冲突的问题的解决
2009/07/01 Javascript
基于jQuery的图片剪切插件
2011/08/03 Javascript
js实现带关闭按钮始终显示在网页最底部工具条的方法
2015/03/02 Javascript
详解JavaScript 中getElementsByName在IE中的注意事项
2017/02/21 Javascript
Angular实现响应式表单
2017/08/04 Javascript
node.js微信小程序配置消息推送的实现
2019/02/13 Javascript
vue中各种通信传值方式总结
2019/02/14 Javascript
解决 window.onload 被覆盖的问题方法
2020/01/14 Javascript
基于JavaScript实现十五拼图代码实例
2020/04/26 Javascript
react PropTypes校验传递的值操作示例
2020/04/28 Javascript
基于JavaScript实现控制下拉列表
2020/05/08 Javascript
解决ant Design Search无法输入内容的问题
2020/10/29 Javascript
详解Vite的新体验
2021/02/22 Javascript
python生成器generator用法实例分析
2015/06/04 Python
Python如何import文件夹下的文件(实现方法)
2017/01/24 Python
Python实现的爬取网易动态评论操作示例
2018/06/06 Python
解决python中os.listdir()函数读取文件夹下文件的乱序和排序问题
2018/10/17 Python
在Mac上删除自己安装的Python方法
2018/10/29 Python
基于python3监控服务器状态进行邮件报警
2019/10/19 Python
15行Python代码实现免费发送手机短信推送消息功能
2020/02/27 Python
python网络编程之五子棋游戏
2020/05/14 Python
专门出售各种儿童读物的网站:Put Me In The Story
2016/08/07 全球购物
Eclipse面试题
2014/03/22 面试题
硕士研究生自我鉴定
2013/11/08 职场文书
甜点店创业计划书
2014/01/27 职场文书
《春到梅花山》教学反思
2014/04/16 职场文书
实习评语大全
2014/04/26 职场文书
个人对照检查剖析材料
2014/10/13 职场文书
2015年政务公开工作总结
2015/05/19 职场文书
Java SSH 秘钥连接mysql数据库的方法
2021/06/28 Java/Android
Python编程中内置的NotImplemented类型的用法
2022/03/23 Python