TS2307: Cannot find module ‘@/assets/home/banner1.webp‘ or its corresponding type declarations.
最近在用typescript + webpack 重构项目,每次打包都会出现下面报错:
第一次以为是这个路径别名的问题,改为相对路径还是报错
![](/assets/blank.gif)
尝试过把项目中使用这段图片路径的img标签注释掉,重新打包就可以,但这根本不现实。
解决方案:
正常来讲在js中就不会出现这个报错,但webpack中无法识别非代码资源的,应该是这个原因导致的 。
另外参考报错中的 its corresponding type declarations。翻译过来就是:对应的类型声明。
![](/assets/blank.gif)
因此,我们需要主动去声明这个module。一般ts项目中都存在一个声明文件(*.d.ts),在里面编写各种声明的,若没有新建一个*.d.ts 文件。在这个文件中声明所用的东西即可。
这样ts就可以识别svg、png、jpg等等图片类型文件。项目编译过程中会自动去读取.d.ts这种类型的文件,所以不需要我们手动地加载他们。当然.d.ts文件也不能随便放置在项目中,这类文件和ts文件一样需要被typescript编译,所以一样只能放置在tsconfig.json中include属性所配置的文件夹下。
![](/assets/blank.gif)
TS2307: Cannot find module ‘@/assets/home/banner1.webp‘ or its corresponding type declarations.相关推荐
- angular: 代码正确的情况下npm不断提示 TS2307: Cannot find module XXX , TS2305: Module XXX has no exported member
探索angular. 照搬示例模块,添加了自定义的模块,名称为device,代码全部正确,VSCode没有报错,但是npm启动时各种报错: 主要是TS2307: Cannot find module. ...
- 【angular】ts2307: Cannot find module xxx
今天发现明明没有问题的代码总是提示 ts2307: Cannot find module xxx,或是不存在某个属性. 重新换个工程目录就好使了,实在没有别的办法了.
- ImportError: cannot import name ‘deform_conv_cuda‘ from partially initialized module ‘assets.ops.dcn
ImportError: cannot import name 'deform_conv_cuda' from partially initialized module 'assets.ops.dcn ...
- vue3 setup + ts + vite 项目问题解决:Cannot find module ... or its corresponding type declarations.(ts2307)
昨日我尝试使用vue3 setup + ts + vite进行vue3项目的实现,遇到此问题: Cannot find module ... or its corresponding type dec ...
- error TS2307: Cannot find module 'rxjs-compat/Observable'
最近自己学习angular,按照书上写的案例实现了一下,结果再次启动报错 error TS2307: Cannot find module 'rxjs-compat/Observable' 网上搜索了 ...
- typescript项目中import 图片时报错:TS2307: Cannot find module ‘...’
最近在用typescript写项目时,我用import来加载一个图片,webpack编译文件是会报错如下: 报错: 解决: 如果在js中引入本地静态资源图片时使用import img from './ ...
- Cannot find module ... or its corresponding type declarations.(ts2307)
vue3+ts项目出现这样的编译提示,红色下划线 Cannot find module ... or its corresponding type declarations.(ts2307) 解决方法 ...
- webstorm报错:TS2307: Cannot find module ‘./App.vue‘ or its corresponding type declarations
错误描述 在使用ts后,webstrom报以下错误 TS2307: Cannot find module './App.vue' or its corresponding type declarati ...
- 【VSCode - Vetur 插件报错】Cannot find module ‘XXX‘ or its corresponding type declarations.Vetur(2307)
Cannot find module '@/utils/request' or its corresponding type declarations.Vetur... 原因分析 解决方案 原因分析 ...
最新文章
- QT 实用代码片段 (持续更新)
- three.js 背景图片
- Flutter开发之布局-1-Column(15)
- beandefinition与beanfactory
- python数据分析与基础实战_《python数据分析与挖掘实战》基础概念
- [Python]小甲鱼Python视频第026课(字典:当索引不好用时2)课后题及参考解答
- 2017年最喜欢的Visual Studio代码扩展
- TMM|车辆重识别的一些实践
- 转载! 一图读懂 SignalR
- 学习IOS开发UI篇--UIView\UIButton\UILabel\UIImageView\UITextField
- ZOJ 3256 Tour in the Castle(插头DP-按行递推—矩阵)
- HDU4282 A very hard mathematic problem 快速幂
- 数据权属界定面临的问题困境与破解思路
- opencv-图片识别参考代码
- python 绘制损失函数曲线_绘制loss曲线
- DirectX11 计时和动画
- 结对项目-最长英语单词链
- Echarts 图例分两行显示
- WinSCP乱码解决
- 华为 dis ip routing-table怎么看?