【vue项目开发遇到的问题】在vue3中引入图片报错 Uncaught (in promise) ReferenceError: require is not defined_vue3 require is not defined

作者：小丑西瓜9 | 2024-02-15 19:39:13

踩

vue3 require is not defined

一、在vue3中使用require()语法引入模块或包后,浏览器控制台出现报错:Undcaught ReferenceError: require is not defined；如下：
在这里插入图片描述

二、解决方法：

因为require是webpack提供的一种加载能力，但是如果项目是用vite搭建的,就需要使用new URL(url, import.meta.url).href的格式引入图片。
用法：

new URL（‘路径’，import.meta.url）.href
1

bigImg:new URL('../assets/2.webp', import.meta.url).href,
1

如下图所示：直接import引用该图片路径。
在这里插入图片描述

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小丑西瓜9/article/detail/86367