解决vite项目报错:ReferenceError: require is not defined

最近在一个vite项目,动态绑定src引入图片的时候,还像以前一样使用require对资源进行引用:
解决vite项目报错:ReferenceError: require is not defined_第1张图片
结果报错:
解决vite项目报错:ReferenceError: require is not defined_第2张图片
报错原因:require不属于vite里的方法

vite官网 方法如下:
解决vite项目报错:ReferenceError: require is not defined_第3张图片

修改代码:
解决vite项目报错:ReferenceError: require is not defined_第4张图片

其中module.icon获取如下(注意路径):
解决vite项目报错:ReferenceError: require is not defined_第5张图片
然后报错消失,图片正常显示了。

你可能感兴趣的:(vue,vite,vue.js)