Vue3 TypeScript Vite如何用require动态引入图片等静态资源？

本文共计557个文字，预计阅读时间需要3分钟。

问题：Vue3 + TypeScript + Vite 项目中如何使用 require 动态引入类资源？描述：今天在开发 Vue3 + TypeScript + Vite 项目时，需要动态引入类资源，例如图片等静态资源。

问题：Vue3+TypeScript+Vite的项目中如何使用require动态引入类似于图片等静态资源！

描述：今天在开发项目时（项目框架为Vue3+TypeScript+Vite）需要 动态引入静态资源，也就是img标签的src属性值为动态获取，按照以往的做法直接是require引入即可，如下代码：

<img class="demo" :src="require(`../../../assets/image/${item.img}`)" />

写上后代码波浪线报错，报错提示：

找不到名称 “require”。是否需要为节点安装类型定义? 请尝试使用 npm i --save-dev @types/node。