最近在用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. MaxCompute studio与权限那些事儿
  2. 用神经网络分类两条夹角为θ的直线
  3. [BZOJ 2434][Noi2011]阿狸的打字机(AC自动机+树状数组+dfs序)
  4. Failed to load nodelet ‘/kinect2_bridge` of type `kinect2_bridge/kinect2_bridge_nodelet` to manager
  5. 深度学习(参数选择)
  6. python接口自动化(二)--什么是接口测试、为什么要做接口测试(详解)
  7. 在linux安装docker以及docker的常用命令(一)
  8. android开发的学习路线
  9. 25.212---复用和信道编码
  10. xstream使用的第二个小问题
  11. 华为NP课程笔记7-BGP1
  12. 国内算法竞赛平台汇总
  13. [高等数学]解析一道关于函数极限的概念考察题(001)
  14. pc端js获取当前经纬度_js获取用户当前地理位置(省、市、经纬度)
  15. 首批预计才60万套。 四轮猴
  16. 安装侧边翻译,划词翻译,看外文论文神器,比知云还好用Edge Translate
  17. 添加 右键显示隐藏文件+扩展名
  18. 中国移动物联网公司未来的发展靠什么?
  19. 警告:计算出的值未被使用warning: value computed is not used [-Wunused-value]
  20. my97 datepicker 自定义事件

热门文章

  1. 想要做好软件测试,可以先了解AST、SCA和渗透测试
  2. 在微信小程序里面如何内嵌H5页面(web-view)
  3. 查询上周五到本周四以及同比时间
  4. unity添加对象实例_Unity预制件和实例化解释和示例
  5. 【华南理工大学】考研初试复试资料分享
  6. 简单XXE漏洞理解以及在实战中演练【网络安全】
  7. 使用DISM修复Windows更新错误
  8. 基于 Alexnet 的服装图像模式识别系统的设计与实现
  9. 基于802.11无线局域网传输技术的研究
  10. 广东计算机好的2a学校,2a大学排名_2017广东省排名前十的2a大学有哪些