最近在用typescript + webpack 重构项目,每次打包都会出现下面报错:

  • 第一次以为是这个路径别名的问题,改为相对路径还是报错

  • 尝试过把项目中使用这段图片路径的img标签注释掉,重新打包就可以,但这根本不现实。

解决方案:

正常来讲在js中就不会出现这个报错,但webpack中无法识别非代码资源的,应该是这个原因导致的 。

另外参考报错中的 its corresponding type declarations。翻译过来就是:对应的类型声明。

因此,我们需要主动去声明这个module。一般ts项目中都存在一个声明文件(*.d.ts),在里面编写各种声明的,若没有新建一个*.d.ts 文件。在这个文件中声明所用的东西即可。

这样ts就可以识别svg、png、jpg等等图片类型文件。项目编译过程中会自动去读取.d.ts这种类型的文件,所以不需要我们手动地加载他们。当然.d.ts文件也不能随便放置在项目中,这类文件和ts文件一样需要被typescript编译,所以一样只能放置在tsconfig.json中include属性所配置的文件夹下。

TS2307: Cannot find module ‘@/assets/home/banner1.webp‘ or its corresponding type declarations.相关推荐

  1. angular: 代码正确的情况下npm不断提示 TS2307: Cannot find module XXX , TS2305: Module XXX has no exported member

    探索angular. 照搬示例模块,添加了自定义的模块,名称为device,代码全部正确,VSCode没有报错,但是npm启动时各种报错: 主要是TS2307: Cannot find module. ...

  2. 【angular】ts2307: Cannot find module xxx

    今天发现明明没有问题的代码总是提示 ts2307: Cannot find module xxx,或是不存在某个属性. 重新换个工程目录就好使了,实在没有别的办法了.

  3. 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 ...

  4. 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 ...

  5. error TS2307: Cannot find module 'rxjs-compat/Observable'

    最近自己学习angular,按照书上写的案例实现了一下,结果再次启动报错 error TS2307: Cannot find module 'rxjs-compat/Observable' 网上搜索了 ...

  6. typescript项目中import 图片时报错:TS2307: Cannot find module ‘...’

    最近在用typescript写项目时,我用import来加载一个图片,webpack编译文件是会报错如下: 报错: 解决: 如果在js中引入本地静态资源图片时使用import img from './ ...

  7. Cannot find module ... or its corresponding type declarations.(ts2307)

    vue3+ts项目出现这样的编译提示,红色下划线 Cannot find module ... or its corresponding type declarations.(ts2307) 解决方法 ...

  8. 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 ...

  9. 【VSCode - Vetur 插件报错】Cannot find module ‘XXX‘ or its corresponding type declarations.Vetur(2307)

    Cannot find module '@/utils/request' or its corresponding type declarations.Vetur... 原因分析 解决方案 原因分析 ...

最新文章

  1. QT 实用代码片段 (持续更新)
  2. three.js 背景图片
  3. Flutter开发之布局-1-Column(15)
  4. beandefinition与beanfactory
  5. python数据分析与基础实战_《python数据分析与挖掘实战》基础概念
  6. [Python]小甲鱼Python视频第026课(字典:当索引不好用时2)课后题及参考解答
  7. 2017年最喜欢的Visual Studio代码扩展
  8. TMM|车辆重识别的一些实践
  9. 转载! 一图读懂 SignalR
  10. 学习IOS开发UI篇--UIView\UIButton\UILabel\UIImageView\UITextField
  11. ZOJ 3256 Tour in the Castle(插头DP-按行递推—矩阵)
  12. HDU4282 A very hard mathematic problem 快速幂
  13. 数据权属界定面临的问题困境与破解思路
  14. opencv-图片识别参考代码
  15. python 绘制损失函数曲线_绘制loss曲线
  16. DirectX11 计时和动画
  17. 结对项目-最长英语单词链
  18. Echarts 图例分两行显示
  19. WinSCP乱码解决
  20. 华为 dis ip routing-table怎么看?

热门文章

  1. Apache 服务器下载及安装
  2. 高通芯片刷机过程---分析理解(启动分析故障分析)
  3. IDEA自用插件(持续收集)
  4. 编写C函数,实现双向链表删除一个节点P。
  5. 【信息收集】利用Wappalyzer进行cms指纹识别(十)
  6. ROS官方手机APP--Rocon Remocon在ROS concert中的使用
  7. IC设计行业中哪个岗位最适合转行?IC设计岗位详解
  8. 牛客网SQL大厂真题二刷小白白话总结(五)某宝店铺分析(电商模式)
  9. 【微信】微信提现到零钱
  10. Flink SQL 如何实现数据流的 Join?